diff --git a/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx b/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx
index a65461fd7..8358a64ee 100644
--- a/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx
+++ b/packages/web/src/javascripts/Components/AccountMenu/WorkspaceSwitcher/WorkspaceMenuItem.tsx
@@ -55,18 +55,14 @@ 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-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}
-      >
-        <div className="ml-2 flex w-full items-center justify-between">
-          {!isRenaming && <div>{descriptor.label}</div>}
+      <MenuRadioButtonItem className="overflow-hidden" onClick={onClick} checked={descriptor.primary}>
+        <div className="ml-2 flex w-full items-center justify-between gap-3 overflow-hidden">
+          {!isRenaming && <div className="overflow-hidden text-ellipsis">{descriptor.label}</div>}
           {descriptor.primary && !hideOptions && (
-            <div className="flex items-center">
+            <div className="flex items-center gap-3">
               <a
                 role="button"
-                className="mr-3 flex h-5 w-5 cursor-pointer items-center justify-center border-0 bg-transparent p-0 hover:bg-contrast"
+                className="flex h-5 w-5 cursor-pointer items-center justify-center border-0 bg-transparent p-0 hover:bg-contrast"
                 onClick={(e) => {
                   e.stopPropagation()
                   setIsRenaming((isRenaming) => !isRenaming)