diff --git a/src/frontend/src/app/app.component.html b/src/frontend/src/app/app.component.html
index 02d37c5..9890177 100644
--- a/src/frontend/src/app/app.component.html
+++ b/src/frontend/src/app/app.component.html
@@ -32,10 +32,11 @@
     </button>
   </nav>
 
-  <section *ngIf="!authTokenPresent" class="auth-warning">
-    <strong>Auth token required.</strong>
-    Open this app with the token once, for example
-    <code>?token=your_token_here</code>, and it will be stored in your browser.
+  <section *ngIf="!authTokenPresent" class="workspace-controls">
+    <div class="truth-pill">
+      Auth token required. Open once with `?token=your_token_here` and it will
+      be stored in your browser.
+    </div>
   </section>
 
   <section class="workspace-controls">
diff --git a/src/frontend/src/app/app.component.scss b/src/frontend/src/app/app.component.scss
index 13ef857..96e55c0 100644
--- a/src/frontend/src/app/app.component.scss
+++ b/src/frontend/src/app/app.component.scss
@@ -83,19 +83,6 @@ h1 {
   background: rgba(8, 15, 15, 0.9);
 }
 
-.auth-warning {
-  margin: 12px 24px 0;
-  padding: 12px 14px;
-  border: 1px solid rgba(255, 214, 102, 0.35);
-  border-radius: 10px;
-  background: rgba(255, 214, 102, 0.12);
-  color: #ffe3a3;
-}
-
-.auth-warning code {
-  color: #f3fff7;
-}
-
 .panel-picker {
   display: flex;
   gap: 10px;