diff --git a/client/src/components/atomic/IndicateStatusDot.tsx b/client/src/components/atomic/IndicateStatusDot.tsx
index 52db0e17fe..c8128a94cc 100644
--- a/client/src/components/atomic/IndicateStatusDot.tsx
+++ b/client/src/components/atomic/IndicateStatusDot.tsx
@@ -5,7 +5,7 @@ export const IndicateStatusDot = ({ isLoggedIn }: { isLoggedIn: boolean }) => (
             width: '10px',
             height: '10px',
             borderRadius: '50%',
-            backgroundColor: isLoggedIn ? 'green' : 'red',
+            backgroundColor: isLoggedIn ? '#00ff00' : '#ff0000',
             marginRight: '10px'
         }}
     />