From ab11e9241f8b004b31ea8a850a845e7bf7de6dd7 Mon Sep 17 00:00:00 2001
From: Nikki Kang <kangaroo233@gmail.com>
Date: Tue, 6 Feb 2024 09:23:22 -0800
Subject: [PATCH] fix red icons oauth

---
 .../pages/oauth-login-page/OAuthLoginPage.module.css |  4 ----
 .../components/PermissionsSection.tsx                | 12 +++++-------
 2 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/packages/web/src/pages/oauth-login-page/OAuthLoginPage.module.css b/packages/web/src/pages/oauth-login-page/OAuthLoginPage.module.css
index c87475a1aa0..a6d650888de 100644
--- a/packages/web/src/pages/oauth-login-page/OAuthLoginPage.module.css
+++ b/packages/web/src/pages/oauth-login-page/OAuthLoginPage.module.css
@@ -84,10 +84,6 @@
   display: flex;
 }
 
-.permissionIcon {
-  color: var(--neutral);
-}
-
 .visibilityIconWrapper {
   width: 15px;
 }
diff --git a/packages/web/src/pages/oauth-login-page/components/PermissionsSection.tsx b/packages/web/src/pages/oauth-login-page/components/PermissionsSection.tsx
index 96ce8e016fa..10f2edaed4b 100644
--- a/packages/web/src/pages/oauth-login-page/components/PermissionsSection.tsx
+++ b/packages/web/src/pages/oauth-login-page/components/PermissionsSection.tsx
@@ -74,14 +74,11 @@ export const PermissionsSection = ({
             })}
           >
             {scope === 'write' || scope === 'write_once' ? (
-              <IconPencil
-                className={cn(styles.permissionIcon)}
-                width={18}
-                height={18}
-              />
+              <IconPencil color='default' width={18} height={18} />
             ) : (
               <IconVisibilityPublic
-                className={cn(styles.permissionIcon, styles.visibilityIcon)}
+                color='default'
+                className={cn(styles.visibilityIcon)}
                 width={21}
                 height={22}
               />
@@ -120,7 +117,8 @@ export const PermissionsSection = ({
             <IconEmailAddress
               width={15}
               height={15}
-              className={cn(styles.permissionIcon, styles.atSignIcon)}
+              color='default'
+              className={cn(styles.atSignIcon)}
             />
           </div>
           <div className={styles.permissionTextContainer}>