diff --git a/apps/web/components/preview/MultipleChoiceMultiQuestion.tsx b/apps/web/components/preview/MultipleChoiceMultiQuestion.tsx
index 69484dfabb..1d2b5a6eb3 100644
--- a/apps/web/components/preview/MultipleChoiceMultiQuestion.tsx
+++ b/apps/web/components/preview/MultipleChoiceMultiQuestion.tsx
@@ -61,7 +61,7 @@ export default function MultipleChoiceMultiQuestion({
       <div className="mt-4">
         <fieldset>
           <legend className="sr-only">Options</legend>
-          <div className="relative max-h-[42vh] space-y-2 overflow-y-auto rounded-md py-0.5 pr-2">
+          <div className="xs:max-h-[40vh] relative max-h-[60vh] space-y-2 overflow-y-auto rounded-md py-0.5 pr-2">
             {question.choices &&
               question.choices.map((choice) => (
                 <>
diff --git a/apps/web/components/preview/MultipleChoiceSingleQuestion.tsx b/apps/web/components/preview/MultipleChoiceSingleQuestion.tsx
index a1e19c0388..6f377435b5 100644
--- a/apps/web/components/preview/MultipleChoiceSingleQuestion.tsx
+++ b/apps/web/components/preview/MultipleChoiceSingleQuestion.tsx
@@ -24,8 +24,8 @@ export default function MultipleChoiceSingleQuestion({
 
   useEffect(() => {
     setIsIphone(/iPhone|iPad|iPod/.test(navigator.userAgent));
-  }, []); */
-
+  }, []);
+ */
   return (
     <form
       onSubmit={(e) => {
@@ -42,14 +42,14 @@ export default function MultipleChoiceSingleQuestion({
       <div className="mt-4">
         <fieldset>
           <legend className="sr-only">Options</legend>
-          <div className="relative max-h-[42vh] space-y-2 overflow-y-auto rounded-md py-0.5 pr-2">
+          <div className="xs:max-h-[40vh] relative max-h-[60vh] space-y-2 overflow-y-auto rounded-md py-0.5 pr-2">
             {question.choices &&
               question.choices.map((choice, idx) => (
                 <label
                   key={choice.id}
                   className={cn(
                     selectedChoice === choice.label ? "z-10 border-slate-400 bg-slate-50" : "border-gray-200",
-                    "relative flex cursor-pointer flex-col rounded-md border p-4 hover:bg-slate-50 focus:outline-none"
+                    "relative mb-2 flex cursor-pointer flex-col rounded-md border p-4 hover:bg-slate-50 focus:outline-none"
                   )}>
                   <span className="flex items-center text-sm">
                     <input
@@ -81,10 +81,10 @@ export default function MultipleChoiceSingleQuestion({
                   )}
                 </label>
               ))}
+            {/*             {isIphone && question.choices.length > 5 && (
+              <div className="z-50 -mt-8 h-8 bg-gradient-to-b from-transparent to-white"></div>
+            )} */}
           </div>
-          {/*           {isIphone && question.choices.length > 5 && (
-            <ChevronDownIcon className="mx-auto h-5 w-5 text-slate-400" />
-          )} */}
         </fieldset>
       </div>
       <div className="mt-4 flex w-full justify-between">