Update style improvements and minor fixes

src/components/ui/form-numeric-input.tsx

@@ -136,7 +136,7 @@ const FormNumericInput = React.forwardRef<HTMLInputElement, NumericInputProps>(
 
     return (
       <div ref={containerRef} className={cn("relative flex items-center gap-2", className)}>
-        <div className="flex items-center flex-1">
+        <div className="flex items-center">
           <Button
             type="button"
             variant="outline"
@@ -159,6 +159,7 @@ const FormNumericInput = React.forwardRef<HTMLInputElement, NumericInputProps>(
             onFocus={handleFocus}
             onKeyDown={handleKeyDown}
             className={cn(
+              "w-24",
               "rounded-none border-x-0 h-9",
               getAlignmentClass(),
               hasError && "border-destructive focus-visible:ring-destructive"