diff --git a/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx b/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx
index 0404629b8..b5c172e36 100644
--- a/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx
+++ b/packages/web/src/javascripts/Components/AccountMenu/GeneralAccountMenu.tsx
@@ -102,9 +102,9 @@ const GeneralAccountMenu: FunctionComponent<Props> = ({
             <div className="wrap my-0.5 font-bold">{user.email}</div>
             <span className="text-neutral">{application.getHost()}</span>
           </div>
-          <div className="mb-2 flex items-start justify-between px-3">
+          <div className="mb-2 flex items-start justify-between px-3 text-mobile-menu-item md:text-tablet-menu-item lg:text-menu-item">
             {isSyncingInProgress ? (
-              <div className="flex items-center text-base font-semibold text-info lg:text-sm">
+              <div className="flex items-center font-semibold text-info">
                 <Spinner className="mr-2 h-5 w-5" />
                 Syncing...
               </div>
@@ -112,8 +112,8 @@ const GeneralAccountMenu: FunctionComponent<Props> = ({
               <div className="flex items-start">
                 <Icon type="check-circle" className={`mr-2 text-success ${MenuItemIconSize}`} />
                 <div>
-                  <div className="text-base font-semibold text-success lg:text-sm">Last synced:</div>
-                  <div className="text-base text-text lg:text-sm">{lastSyncDate}</div>
+                  <div className="font-semibold text-success">Last synced:</div>
+                  <div className="text-text">{lastSyncDate}</div>
                 </div>
               </div>
             )}
diff --git a/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx b/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx
index f7abc78b9..a65461fd7 100644
--- a/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx
+++ b/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx
@@ -56,7 +56,7 @@ const WorkspaceMenuItem: FunctionComponent<Props> = ({
   return (
     <div className="relative">
       <MenuRadioButtonItem
-        className="flex w-full cursor-pointer items-center border-0 bg-transparent px-3 py-2 text-left text-sm text-text hover:bg-contrast hover:text-foreground focus:bg-info-backdrop focus:shadow-none"
+        className="flex w-full cursor-pointer items-center border-0 bg-transparent px-3 py-2 text-left text-mobile-menu-item text-text hover:bg-contrast hover:text-foreground focus:bg-info-backdrop focus:shadow-none md:text-tablet-menu-item lg:text-menu-item"
         onClick={onClick}
         checked={descriptor.primary}
       >