chore: update style

src/common/component/styled/Input.js

@@ -80,7 +80,11 @@ export default function Input({
   };
   return type == "password" ? (
     <StyledWrapper className={className}>
-      <StyledInput type={inputType} className="inner" {...rest} />
+      <StyledInput
+        type={inputType}
+        className={`inner ${className}`}
+        {...rest}
+      />
       <div className="view" onClick={togglePasswordVisible}>
         {inputType == "password" ? (
           <HiEyeOff color="#78787c" />
@@ -92,7 +96,11 @@ export default function Input({
   ) : prefix ? (
     <StyledWrapper className={className}>
       <span className="prefix">{prefix}</span>
-      <StyledInput className="inner" type={inputType} {...rest} />
+      <StyledInput
+        className={`inner ${className}`}
+        type={inputType}
+        {...rest}
+      />
     </StyledWrapper>
   ) : (
     <StyledInput type={inputType} className={className} {...rest} />

src/common/component/styled/Menu.js

@@ -12,7 +12,7 @@ const StyledMenu = styled.ul`
   .item {
     display: flex;
     align-items: center;
-    justify-content: space-between;
+
     gap: 14px;
     white-space: nowrap;
     cursor: pointer;
@@ -23,13 +23,17 @@ const StyledMenu = styled.ul`
     font-size: 14px;
     line-height: 20px;
     color: #616161;
+
     .icon {
-      width: 12px;
-      height: 12px;
+      width: 20px;
+      height: 20px;
       path {
         fill: #475467;
       }
     }
+    &.sb {
+      justify-content: space-between;
+    }
     &:hover {
       background-color: #22ccee;
       color: #fff;