diff --git a/web/components/choices-toggle-group.tsx b/web/components/choices-toggle-group.tsx
index d467cb15..13800ba6 100644
--- a/web/components/choices-toggle-group.tsx
+++ b/web/components/choices-toggle-group.tsx
@@ -1,4 +1,3 @@
-import { Row } from './layout/row'
 import { RadioGroup } from '@headlessui/react'
 import clsx from 'clsx'
 import React from 'react'
@@ -20,31 +19,33 @@ export function ChoicesToggleGroup(props: {
     children,
   } = props
   return (
-    <RadioGroup value={currentChoice.toString()} onChange={(str) => null}>
-      <Row className={'items-center flex-wrap gap-3'}>
-        {Object.keys(choicesMap).map((choiceKey) => (
-          <RadioGroup.Option
-            key={choiceKey}
-            value={choicesMap[choiceKey]}
-            onClick={() => setChoice(choicesMap[choiceKey])}
-            className={({ active }) =>
-              clsx(
-                active ? 'ring-2 ring-indigo-500 ring-offset-2' : '',
-                currentChoice === choicesMap[choiceKey]
-                  ? 'border-transparent bg-indigo-500 text-white hover:bg-indigo-600'
-                  : 'border-gray-200 bg-white text-gray-900 hover:bg-gray-50',
-                'flex cursor-pointer items-center justify-center rounded-md border py-3 px-3 text-sm font-medium normal-case',
-                "hover:ring-offset-2' hover:ring-2 hover:ring-indigo-500",
-                className
-              )
-            }
-            disabled={isSubmitting}
-          >
-            <RadioGroup.Label as="span">{choiceKey}</RadioGroup.Label>
-          </RadioGroup.Option>
-        ))}
-        {children}
-      </Row>
+    <RadioGroup
+      className={clsx(className, 'flex flex-row flex-wrap items-center gap-3')}
+      value={currentChoice.toString()}
+      onChange={(str) => null}
+    >
+      {Object.keys(choicesMap).map((choiceKey) => (
+        <RadioGroup.Option
+          key={choiceKey}
+          value={choicesMap[choiceKey]}
+          onClick={() => setChoice(choicesMap[choiceKey])}
+          className={({ active }) =>
+            clsx(
+              active ? 'ring-2 ring-indigo-500 ring-offset-2' : '',
+              currentChoice === choicesMap[choiceKey]
+                ? 'border-transparent bg-indigo-500 text-white hover:bg-indigo-600'
+                : 'border-gray-200 bg-white text-gray-900 hover:bg-gray-50',
+              'flex cursor-pointer items-center justify-center rounded-md border py-3 px-3 text-sm font-medium normal-case',
+              "hover:ring-offset-2' hover:ring-2 hover:ring-indigo-500",
+              className
+            )
+          }
+          disabled={isSubmitting}
+        >
+          <RadioGroup.Label as="span">{choiceKey}</RadioGroup.Label>
+        </RadioGroup.Option>
+      ))}
+      {children}
     </RadioGroup>
   )
 }