un-daisy input groups

web/components/probability-input.tsx

@@ -30,7 +30,7 @@ export function ProbabilityInput(props: {
 
   return (
     <Col className={className}>
-      <label className="input-group">
+      <label className="flex w-full items-stretch">
         <Input
           className={clsx('max-w-[200px] !text-lg', inputClassName)}
           type="number"

web/components/probability-selector.tsx

@@ -1,5 +1,4 @@
 import { Input } from './input'
-import { Row } from './layout/row'
 
 export function ProbabilitySelector(props: {
   probabilityInt: number
@@ -9,21 +8,19 @@ export function ProbabilitySelector(props: {
   const { probabilityInt, setProbabilityInt, isSubmitting } = props
 
   return (
-    <Row className="items-center  gap-2">
-      <label className="input-group input-group-lg text-lg">
-        <Input
-          type="number"
-          value={probabilityInt}
-          className="input-md w-28 !text-lg"
-          disabled={isSubmitting}
-          min={1}
-          max={99}
-          onChange={(e) =>
-            setProbabilityInt(parseInt(e.target.value.substring(0, 2)))
-          }
-        />
-        <span>%</span>
-      </label>
-    </Row>
+    <label className="flex items-center text-lg">
+      <Input
+        type="number"
+        value={probabilityInt}
+        className="input-md w-28 !text-lg"
+        disabled={isSubmitting}
+        min={1}
+        max={99}
+        onChange={(e) =>
+          setProbabilityInt(parseInt(e.target.value.substring(0, 2)))
+        }
+      />
+      <span>%</span>
+    </label>
   )
 }