fix(ui): updated input fields to match new color scheme (#3323)

* Updated input fields to match new color scheme

Added small input text fields and fixed coloring

* Added tailwind changes to viewers file

platform/ui/src/components/InputNumber/InputNumber.css

@@ -2,7 +2,7 @@ input[type='text'] {
   -webkit-appearance: none;
 }
 
-input[type='text']:focus {
+.input-number:focus {
   border: none;
   outline: none;
 }
@@ -15,3 +15,7 @@ input[type='text']:focus {
 .up-arrowsize svg path {
   fill: #726f7e;
 }
+
+.input-small {
+  height: 26px;
+}

platform/ui/src/components/InputNumber/InputNumber.tsx

@@ -77,16 +77,15 @@ const InputNumber: React.FC<{
 
   return (
     <div
-      className={`flex items-center bg-black border-2 px-1 overflow-hidden justify-center border-secondary-light rounded-md ${
-        sizesClasses[size]
-      } ${className ? className : ''}`}
+      className={`flex items-center bg-black border-2 px-1 overflow-hidden justify-center border-secondary-light rounded-md ${sizesClasses[size]
+        } ${className ? className : ''}`}
     >
       <div className="flex">
         <input
           type="text"
           value={numberValue}
           onChange={handleChange}
-          className={`bg-black text-white text-[12px] w-full text-center`}
+          className={`bg-black text-white text-[12px] w-full text-center input-number`}
         />
 
         <div className="up-arrowsize flex flex-col items-center justify-around">