diff --git a/packages/web/src/app/globals.css b/packages/web/src/app/globals.css
index b75ab1ff4..1e0d69f91 100644
--- a/packages/web/src/app/globals.css
+++ b/packages/web/src/app/globals.css
@@ -1206,6 +1206,7 @@ html.light .xterm .xterm-viewport:hover::-webkit-scrollbar-thumb:active {
 .dashboard-app-header__project {
   font-size: 12px;
   font-weight: 400;
+  line-height: 1;
   color: var(--color-text-secondary);
 }
 
@@ -1346,6 +1347,7 @@ html.light .xterm .xterm-viewport:hover::-webkit-scrollbar-thumb:active {
   border-radius: 999px;
   font-size: 11px;
   font-weight: 500;
+  line-height: 1;
   white-space: nowrap;
   color: var(--color-text-secondary);
 }
@@ -2681,6 +2683,7 @@ html.light .xterm .xterm-viewport:hover::-webkit-scrollbar-thumb:active {
   color: var(--color-accent-amber);
   font-size: 10px;
   font-weight: 600;
+  line-height: 1;
   letter-spacing: 0.05em;
 }
 
@@ -8624,7 +8627,7 @@ html.light .xterm .xterm-viewport:hover::-webkit-scrollbar-thumb:active {
    so this inner .topbar-project-line only exists to group them on mobile. */
 .topbar-project-line {
   display: inline-flex;
-  align-items: baseline;
+  align-items: center;
   gap: 6px;
   min-width: 0;
 }
@@ -8632,6 +8635,7 @@ html.light .xterm .xterm-viewport:hover::-webkit-scrollbar-thumb:active {
 .topbar-identity-sep {
   color: var(--color-text-tertiary);
   font-size: 12px;
+  line-height: 1;
 }
 
 /* topbar-mobile-only is the inverse of topbar-desktop-only; hidden on
@@ -8729,6 +8733,7 @@ html.light .xterm .xterm-viewport:hover::-webkit-scrollbar-thumb:active {
 .topbar-fleet-pills__label {
   font-size: 11px;
   font-weight: 600;
+  line-height: 1;
   color: var(--color-text-muted);
   white-space: nowrap;
 }
@@ -8740,6 +8745,7 @@ html.light .xterm .xterm-viewport:hover::-webkit-scrollbar-thumb:active {
   border-radius: 999px;
   font-size: 11px;
   font-weight: 500;
+  line-height: 1;
   white-space: nowrap;
   color: var(--color-text-secondary);
 }