diff --git a/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/SurveyMenuBar.tsx b/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/SurveyMenuBar.tsx
index 7c455a50dc..5fe3abef71 100644
--- a/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/SurveyMenuBar.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/SurveyMenuBar.tsx
@@ -1,10 +1,12 @@
 "use client";
 
-import React from "react";
 import AlertDialog from "@/components/shared/AlertDialog";
 import DeleteDialog from "@/components/shared/DeleteDialog";
 import SurveyStatusDropdown from "@/components/shared/SurveyStatusDropdown";
 import type { Survey } from "@formbricks/types/surveys";
+import { TEnvironment } from "@formbricks/types/v1/environment";
+import { TProduct } from "@formbricks/types/v1/product";
+import { TSurvey, TSurveyWithAnalytics } from "@formbricks/types/v1/surveys";
 import { Button, Input } from "@formbricks/ui";
 import { ArrowLeftIcon, Cog8ToothIcon, ExclamationTriangleIcon } from "@heroicons/react/24/solid";
 import { isEqual } from "lodash";
@@ -12,10 +14,7 @@ import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 import toast from "react-hot-toast";
 import { validateQuestion } from "./Validation";
-import { TSurvey, TSurveyWithAnalytics } from "@formbricks/types/v1/surveys";
 import { deleteSurveyAction, surveyMutateAction } from "./actions";
-import { TProduct } from "@formbricks/types/v1/product";
-import { TEnvironment } from "@formbricks/types/v1/environment";
 
 interface SurveyMenuBarProps {
   localSurvey: TSurveyWithAnalytics;
@@ -197,8 +196,8 @@ export default function SurveyMenuBar({
         {!!localSurvey.analytics.responseRate && (
           <div className="mx-auto flex items-center rounded-full border border-amber-200 bg-amber-100 p-2 text-amber-700 shadow-sm">
             <ExclamationTriangleIcon className=" h-5 w-5 text-amber-400" />
-            <p className="max-w-[90%] pl-1 text-xs lg:text-sm">
-              This survey received responses. To keep the data consistent, make changes with caution.
+            <p className=" pl-1 text-xs lg:text-sm">
+              This survey received responses, make changes with caution.
             </p>
           </div>
         )}
diff --git a/packages/surveys/src/components/Headline.tsx b/packages/surveys/src/components/Headline.tsx
index 945adcfa09..9b1869aa71 100644
--- a/packages/surveys/src/components/Headline.tsx
+++ b/packages/surveys/src/components/Headline.tsx
@@ -11,7 +11,7 @@ export default function Headline({ headline, questionId, style, required = true
       <div className={"flex justify-between gap-4"} style={style}>
         {headline}
         {!required && (
-          <span className="self-start text-sm	 font-normal leading-5 text-slate-400" tabIndex={-1}>
+          <span className="self-start text-sm	 font-normal leading-7 text-slate-400" tabIndex={-1}>
             Optional
           </span>
         )}