From f49dbf73dda5b8e59b5d300be837067cd976f542 Mon Sep 17 00:00:00 2001
From: Tsu-ba-me <ynho.li.aa.e@gmail.com>
Date: Thu, 5 May 2022 18:25:32 -0400
Subject: [PATCH] fix(striker-ui): change required icon in input label

---
 .../components/OutlinedInputLabel/OutlinedInputLabel.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/striker-ui/components/OutlinedInputLabel/OutlinedInputLabel.tsx b/striker-ui/components/OutlinedInputLabel/OutlinedInputLabel.tsx
index 17c6ba57..3417caa7 100644
--- a/striker-ui/components/OutlinedInputLabel/OutlinedInputLabel.tsx
+++ b/striker-ui/components/OutlinedInputLabel/OutlinedInputLabel.tsx
@@ -5,7 +5,7 @@ import {
   InputLabelProps as MUIInputLabelProps,
   svgIconClasses as muiSvgIconClasses,
 } from '@mui/material';
-import { PriorityHighRounded as RequiredIcon } from '@mui/icons-material';
+import { Star as RequiredIcon } from '@mui/icons-material';
 
 import { BLACK, BORDER_RADIUS, GREY } from '../../lib/consts/DEFAULT_THEME';
 
@@ -37,8 +37,7 @@ const OutlinedInputLabel = (
     },
 
     [`&.${muiInputLabelClasses.shrink} .${muiSvgIconClasses.root}`]: {
-      fontSize: '1rem',
-      fontWeight: 700,
+      display: 'none',
     },
 
     ...sx,
@@ -63,7 +62,9 @@ const OutlinedInputLabel = (
           flexDirection: 'row',
         }}
       >
-        {isNotifyRequired && <RequiredIcon sx={{ marginLeft: '-.4rem' }} />}
+        {isNotifyRequired && (
+          <RequiredIcon sx={{ marginLeft: '-.2rem', marginRight: '.2rem' }} />
+        )}
         {children}
       </Box>
     </MUIInputLabel>