diff --git a/apps/client/src/components/layouts/global/app-header.module.css b/apps/client/src/components/layouts/global/app-header.module.css
index a70b57e7..7cdec643 100644
--- a/apps/client/src/components/layouts/global/app-header.module.css
+++ b/apps/client/src/components/layouts/global/app-header.module.css
@@ -20,6 +20,20 @@
     align-items: center;
 }
 
+.brandVersion {
+    /* Render the version smaller than before (was Mantine "xs" = 12px). */
+    font-size: rem(10px);
+    line-height: 1;
+    color: var(--mantine-color-dimmed);
+    white-space: nowrap;
+    user-select: text;
+    /* Lift the version so its text baseline sits on the logo wordmark baseline.
+       The wordmark baseline is at ~31% of the logo height above the image bottom
+       (SVG baseline y=42.689 in a -7.25..65.25 viewBox); for the 30px desktop logo
+       that is ~9.3px, minus the font descent (~2px) ≈ 7px. */
+    margin-bottom: rem(7px);
+}
+
 .link {
     display: block;
     line-height: 1;
diff --git a/apps/client/src/components/layouts/global/app-header.tsx b/apps/client/src/components/layouts/global/app-header.tsx
index cd30c321..fc8e769a 100644
--- a/apps/client/src/components/layouts/global/app-header.tsx
+++ b/apps/client/src/components/layouts/global/app-header.tsx
@@ -77,27 +77,26 @@ export function AppHeader() {
             />
           </Tooltip>
 
-          <Link to="/home" className={classes.brand} aria-label="Gitmost">
-            <Box hiddenFrom="sm" className={classes.brandIcon}>
-              <BrandLogo markOnly height={26} />
-            </Box>
-            <Box visibleFrom="sm" className={classes.brandIcon}>
-              <BrandLogo height={30} />
-            </Box>
-          </Link>
+          <Group gap={6} align="flex-end" wrap="nowrap">
+            <Link to="/home" className={classes.brand} aria-label="Gitmost">
+              <Box hiddenFrom="sm" className={classes.brandIcon}>
+                <BrandLogo markOnly height={26} />
+              </Box>
+              <Box visibleFrom="sm" className={classes.brandIcon}>
+                <BrandLogo height={30} />
+              </Box>
+            </Link>
 
-          <Tooltip label={t("Version")}>
-            <Text
-              size="xs"
-              c="dimmed"
-              lh={1}
-              ml="md"
-              visibleFrom="sm"
-              style={{ userSelect: "text", whiteSpace: "nowrap" }}
-            >
-              {APP_VERSION}
-            </Text>
-          </Tooltip>
+            <Tooltip label={t("Version")}>
+              <Text
+                component="span"
+                visibleFrom="sm"
+                className={classes.brandVersion}
+              >
+                {APP_VERSION}
+              </Text>
+            </Tooltip>
+          </Group>
 
           <Group ml="xl" gap={5} className={classes.links} visibleFrom="sm">
             {items}