diff --git a/src/components/survey-questions.tsx b/src/components/survey-questions.tsx
index f81f4ad..3daaed3 100644
--- a/src/components/survey-questions.tsx
+++ b/src/components/survey-questions.tsx
@@ -192,24 +192,24 @@ export function SurveyQuestions({
                         key={option.id}
                         className={`${field.value === option.id || responses[question.id] === option.id ? "rounded-lg bg-custom-selectedLight dark:bg-custom-selected" : ""} w-[300px]`}
                       >
-                        <FormItem>
-                          <FormControl>
-                            <RadioGroup
-                              onValueChange={async (value) => {
-                                field.onChange(value);
-                                try {
-                                  await handleSelection(question.id, value);
-                                } catch (error) {
-                                  console.error(
-                                    "Error in handleResponseSelection:",
-                                    error,
-                                  );
-                                }
-                              }}
-                              value={field.value as string}
-                              className="flex flex-col space-y-1"
-                            >
-                              <label className="flex cursor-pointer items-center justify-center">
+                        <label className="flex h-[40px] cursor-pointer items-center justify-center ">
+                          <FormItem>
+                            <FormControl>
+                              <RadioGroup
+                                onValueChange={async (value) => {
+                                  field.onChange(value);
+                                  try {
+                                    await handleSelection(question.id, value);
+                                  } catch (error) {
+                                    console.error(
+                                      "Error in handleResponseSelection:",
+                                      error,
+                                    );
+                                  }
+                                }}
+                                value={field.value as string}
+                                className="flex flex-col space-y-1"
+                              >
                                 <FormControl>
                                   <RadioGroupItem
                                     value={option.id}
@@ -219,10 +219,10 @@ export function SurveyQuestions({
                                     }
                                   />
                                 </FormControl>
-                              </label>
-                            </RadioGroup>
-                          </FormControl>
-                        </FormItem>
+                              </RadioGroup>
+                            </FormControl>
+                          </FormItem>
+                        </label>
                       </TableCell>
                     ))}
                   </TableRow>
diff --git a/src/components/ui/table.tsx b/src/components/ui/table.tsx
index eebd030..229c8a5 100644
--- a/src/components/ui/table.tsx
+++ b/src/components/ui/table.tsx
@@ -91,7 +91,7 @@ const TableCell = React.forwardRef<
   <td
     ref={ref}
     className={cn(
-      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      "align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
       className,
     )}
     {...props}