Webapp stylings (#1916)

frontend/libs/components/input/src/lib/input.tsx

@@ -28,7 +28,7 @@ export const Input = React.forwardRef(
       errorMessage,
       ...rest
     }: InputProps,
-    ref: React.ForwardedRef<HTMLInputElement>
+    ref: React.ForwardedRef<HTMLInputElement>,
   ) => {
     return (
       <div className={twMerge("flex flex-col", className)}>
@@ -45,13 +45,13 @@ export const Input = React.forwardRef(
             ref={ref}
             id={id ? id : label ? label : undefined}
             className={twMerge(
-              "h-10 w-full rounded-none px-3 py-2.5 outline-none",
+              "h-10 w-full rounded-[3px] px-3 py-2.5 outline-none",
               "bg-ui-panel text-base-fg placeholder-base-fg/40",
               "border border-ui-panel-border transition-colors duration-150 ease-in-out hover:border-white/40 focus:border-white focus:!outline-none",
               "disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:border-ui-panel-border",
               icon && "pl-10",
               isError && "border-red-500 focus:border-red-500",
-              inputClassName
+              inputClassName,
             )}
             onFocus={(e: React.FocusEvent<HTMLInputElement>) => {
               if (onFocus) {
@@ -71,7 +71,7 @@ export const Input = React.forwardRef(
         </div>
       </div>
     );
-  }
+  },
 );
 
 Input.displayName = "Input";