diff --git a/web/src/AppBar.jsx b/web/src/AppBar.jsx
index 6c4b047ce..e99f8be71 100644
--- a/web/src/AppBar.jsx
+++ b/web/src/AppBar.jsx
@@ -72,9 +72,9 @@ export default function AppBar() {
           <MenuItem icon={LightModeIcon} label="Light" value="light" onSelect={handleSelectDarkMode} />
           <MenuItem icon={DarkModeIcon} label="Dark" value="dark" onSelect={handleSelectDarkMode} />
           <MenuSeparator />
-          <MenuItem icon={SettingsIcon} label="View:">
+          <MenuItem icon={SettingsIcon} label="Viewmode:">
             <select
-              className="flex flex-grow p-0 py-7 px-8"
+              className="py-0.5 pr-8"
               value={viewMode}
               onChange={(e) => handleSetViewMode(e.target.value)}
             >
diff --git a/web/src/components/Menu.jsx b/web/src/components/Menu.jsx
index 173c25612..5f47117c9 100644
--- a/web/src/components/Menu.jsx
+++ b/web/src/components/Menu.jsx
@@ -38,7 +38,7 @@ export function MenuItem({ children, focus, icon: Icon, label, href, onSelect, v
           <Icon />
         </div>
       ) : null}
-      <div className="whitespace-nowrap">{label}</div>
+      <div className="whitespace-nowrap self-center">{label}</div>
       {children}
     </Element>
   );