diff --git a/.github/workflows/docs-pages.yml b/.github/workflows/docs-pages.yml
index 7f84ab1..a8ec75a 100644
--- a/.github/workflows/docs-pages.yml
+++ b/.github/workflows/docs-pages.yml
@@ -14,7 +14,7 @@ permissions:
   id-token: write
 
 concurrency:
-  group: pages
+  group: pages-${{ github.event_name }}-${{ github.event.pull_request.number || github.ref }}
   cancel-in-progress: true
 
 jobs:
@@ -31,7 +31,7 @@ jobs:
 
       - name: Install documentation dependencies
         working-directory: docs
-        run: bun install
+        run: bun install --frozen-lockfile
 
       - name: Build documentation
         working-directory: docs
@@ -47,6 +47,7 @@ jobs:
 
   deploy:
     needs: build
+    if: github.event_name == 'push' && github.ref == 'refs/heads/main'
     runs-on: ubuntu-latest
     environment:
       name: github-pages
diff --git a/app/account-status/account-status.tsx b/app/account-status/account-status.tsx
index 42c2f92..8e8d57c 100644
--- a/app/account-status/account-status.tsx
+++ b/app/account-status/account-status.tsx
@@ -178,13 +178,25 @@ const AccountStatusCard = ({
       padding={20}
       variant="outlined"
     >
-      <Flexbox align="flex-start" distribution="space-between" horizontal>
-        <Flexbox direction="vertical" gap={4}>
+      <Flexbox
+        align="flex-start"
+        className="account-status-card-header"
+        distribution="space-between"
+        horizontal
+        width="100%"
+      >
+        <Flexbox
+          className="account-status-card-identity"
+          direction="vertical"
+          gap={4}
+        >
           <Tooltip title={credential.email || credential.user_id}>
-            <Text strong>{credential.email || credential.user_id}</Text>
+            <Text className="account-status-card-name" strong>
+              {credential.email || credential.user_id}
+            </Text>
           </Tooltip>
           <Tooltip title={credential.filename}>
-            <Text ellipsis type="secondary">
+            <Text className="account-status-card-filename" type="secondary">
               {credential.filename}
             </Text>
           </Tooltip>
@@ -213,8 +225,14 @@ const AccountStatusCard = ({
           {text('accountStatus.resetAt')}: {snapshot.credits.resetAt ?? '—'}
         </Text>
       </Flexbox>
-      <Flexbox align="center" distribution="space-between" horizontal>
-        <Text type="secondary">
+      <Flexbox
+        align="center"
+        className="account-status-card-checkin"
+        distribution="space-between"
+        horizontal
+        width="100%"
+      >
+        <Text className="account-status-card-checkin-label" type="secondary">
           {text('accountStatus.checkin')}:{' '}
           {snapshot.checkin.claimed === true
             ? text('accountStatus.checkedIn')
diff --git a/app/globals.scss b/app/globals.scss
index c40363a..d56d059 100644
--- a/app/globals.scss
+++ b/app/globals.scss
@@ -166,8 +166,11 @@ textarea {
 }
 
 .console-header {
-  position: sticky !important;
+  left: 0;
+  position: fixed !important;
+  right: 0;
   top: 0;
+  width: 100%;
   z-index: 30;
 }
 
@@ -273,7 +276,7 @@ textarea {
 .console-main {
   width: min(1440px, 100%);
   margin: 0 auto;
-  padding: 24px 32px 48px;
+  padding: 80px 32px 48px;
 }
 
 .account-status-progress {
@@ -361,8 +364,26 @@ textarea {
     gap: 8px;
   }
 
-  .account-status-card button {
-    flex: 1 1 0;
+  .account-status-card-header,
+  .account-status-card-checkin {
+    align-items: flex-start !important;
+    flex-direction: column !important;
+    gap: 8px !important;
+  }
+
+  .account-status-card-identity,
+  .account-status-card-name,
+  .account-status-card-filename,
+  .account-status-card-checkin-label {
+    max-width: 100%;
+    min-width: 0;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+  }
+
+  .account-status-card-header > button,
+  .account-status-card-checkin > button {
+    flex: 0 0 auto;
   }
 }
 
@@ -853,7 +874,7 @@ textarea {
 
 @media (max-width: 640px) {
   .console-main {
-    padding: 20px 0 32px;
+    padding: 76px 0 32px;
   }
 
   .console-main > * {
@@ -1061,6 +1082,19 @@ textarea {
     word-break: break-word;
   }
 
+  #debug .debug-credential {
+    overflow-wrap: anywhere;
+    word-break: break-word;
+  }
+
+  #debug .debug-credential * {
+    max-width: 100%;
+    min-width: 0;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+    white-space: normal;
+  }
+
   #debug .debug-entry-tags > span {
     flex: 0 0 auto;
   }
diff --git a/docs/postcss.config.mjs b/docs/postcss.config.mjs
new file mode 100644
index 0000000..ff8b4c5
--- /dev/null
+++ b/docs/postcss.config.mjs
@@ -0,0 +1 @@
+export default {};