diff --git a/frontend/web/components/SegmentOverrides.js b/frontend/web/components/SegmentOverrides.js
index dc35951a4d4f..c0d5c638e89f 100644
--- a/frontend/web/components/SegmentOverrides.js
+++ b/frontend/web/components/SegmentOverrides.js
@@ -143,7 +143,7 @@ const SegmentOverrideInner = class Override extends React.Component {
               <Row className='fs-small'>
                 <SegmentsIcon
                   className='opacity-50'
-                  fill='#1a2634'
+                  fill='#9DA4AE'
                   width={16}
                   height={16}
                 />
diff --git a/frontend/web/components/pages/HomeAside.tsx b/frontend/web/components/pages/HomeAside.tsx
index 37346ee4943a..f59cbc21b28a 100644
--- a/frontend/web/components/pages/HomeAside.tsx
+++ b/frontend/web/components/pages/HomeAside.tsx
@@ -247,7 +247,11 @@ const HomeAside: FC<HomeAsideType> = ({
                                         exact
                                         to={`/project/${project.id}/environment/${environment.api_key}/sdk-keys`}
                                       >
-                                        <IonIcon className='mr-2' icon={code} />
+                                        <IonIcon
+                                          color={'#9DA4AE'}
+                                          className='mr-2'
+                                          icon={code}
+                                        />
                                         SDK Keys
                                       </NavLink>
                                       {environmentAdmin && (