fix styles

packages/app/src/components/Navbar/GrowiNavbar.scss

@@ -66,19 +66,20 @@
     background: rgba(0, 0, 0, 0.2);
   }
 
+  .grw-apperance-mode-dropdown,
   .grw-personal-dropdown {
     .dropdown-menu {
       min-width: 15rem;
 
-      .grw-email-sm {
-        font-size: 0.75em;
-      }
       .grw-icon-container svg {
         width: 18px;
         height: 18px;
       }
     }
   }
+  .grw-email-sm {
+    font-size: 0.75em;
+  }
 
   .grw-notification-dropdown {
     .dropdown-menu {

packages/app/src/components/Navbar/GrowiNavbar.tsx

@@ -59,7 +59,7 @@ const NavbarRight = memo((): JSX.Element => {
           </button>
         </li>
 
-        <li className="grw-personal-dropdown nav-item dropdown">
+        <li className="grw-apperance-mode-dropdown nav-item dropdown">
           <ShowSkeltonInSSR><AppearanceModeDropdown isAuthenticated={isAuthenticated} /></ShowSkeltonInSSR>
         </li>
 
@@ -73,7 +73,7 @@ const NavbarRight = memo((): JSX.Element => {
   const notAuthenticatedNavItem = useMemo(() => {
     return (
       <>
-        <li className="grw-personal-dropdown nav-item dropdown">
+        <li className="grw-apperance-mode-dropdown nav-item dropdown">
           <ShowSkeltonInSSR><AppearanceModeDropdown isAuthenticated={isAuthenticated} /></ShowSkeltonInSSR>
         </li>
 

packages/app/src/styles/theme/_apply-colors.scss

@@ -76,7 +76,7 @@ pre:not(.hljs):not(.CodeMirror-line) {
 // }
 
 // Dropdown
-.grw-personal-dropdown {
+.grw-apperance-mode-dropdown {
   .grw-sidebar-mode-icon svg {
     fill: $secondary;
   }

packages/app/test/cypress/integration/50-switch-sidebar-mode/switching-sidebar-mode.spec.ts

@@ -21,7 +21,7 @@ context('Switch sidebar mode', () => {
 
   it('Switching sidebar mode', () => {
     cy.visit('/');
-    cy.get('.grw-personal-dropdown').click();
+    cy.get('.grw-apperance-mode-dropdown').click();
 
     cy.get('[for="swSidebarModeOnEditor"]').click();
     cy.screenshot(`${ssPrefix}-switch-sidebar-mode`, { capture: 'viewport' });
@@ -30,4 +30,4 @@ context('Switch sidebar mode', () => {
     cy.screenshot(`${ssPrefix}-switch-sidebar-mode-back`, { capture: 'viewport' });
   });
 
-});
+});