[dyad] Improve design of sequential number options - wrote 1 file(s)

src/components/image-converter.tsx

@@ -272,7 +272,9 @@ export function ImageConverter() {
                     <Label htmlFor="use-counter">Add sequential number</Label>
                   </div>
                   {useCounter && (
-                    <div className="grid grid-cols-2 gap-4 pl-8 pt-2">
+                    <div className="pl-8 pt-4">
+                      <div className="rounded-lg border bg-transparent p-4">
+                        <div className="grid grid-cols-2 gap-4">
                           <div className="space-y-2">
                             <Label htmlFor="counter-start">Start number</Label>
                             <Input
@@ -294,6 +296,8 @@ export function ImageConverter() {
                             />
                           </div>
                         </div>
+                      </div>
+                    </div>
                   )}
                 </div>
               </AccordionContent>