diff --git a/ui/src/index.css b/ui/src/index.css
index ca990e0af2..ba179954bc 100644
--- a/ui/src/index.css
+++ b/ui/src/index.css
@@ -362,6 +362,8 @@
   --tc-composer-bottom: var(--sz-calc-8);
   /* Together with the dock's pb-2, match the page's p-4 side gutters. */
   --tc-composer-hidden-nav-offset: calc(var(--sz-safe-bottom) + var(--spacing) * 2);
+  --cli-auth-scope-section-gap: 0.75rem;
+  --cli-auth-scope-item-gap: 0.25rem;
 }
 
 .dark {
diff --git a/ui/src/pages/CliAuth.tsx b/ui/src/pages/CliAuth.tsx
index cf386833b5..a52858aed1 100644
--- a/ui/src/pages/CliAuth.tsx
+++ b/ui/src/pages/CliAuth.tsx
@@ -148,10 +148,10 @@ export function CliAuthPage() {
             </div>
           )}
           {challenge.requestedScopeConfig && (
-            <div className="space-y-3">
+            <div className="space-y-(--cli-auth-scope-section-gap)">
               <div>
                 <div className="text-muted-foreground">Scoped companies</div>
-                <ul className="space-y-1">
+                <ul className="space-y-(--cli-auth-scope-item-gap)">
                   {challenge.requestedScopeConfig.companyIds.map((companyId) => (
                     <li key={companyId} className="font-mono text-foreground">{companyId}</li>
                   ))}
@@ -159,7 +159,7 @@ export function CliAuthPage() {
               </div>
               <div>
                 <div className="text-muted-foreground">Permissions</div>
-                <ul className="space-y-1">
+                <ul className="space-y-(--cli-auth-scope-item-gap)">
                   {challenge.requestedScopeConfig.permissions.map((permission) => (
                     <li key={permission} className="font-mono text-foreground">{permission}</li>
                   ))}
@@ -168,7 +168,7 @@ export function CliAuthPage() {
               <div>
                 <div className="text-muted-foreground">Instance capabilities</div>
                 {challenge.requestedScopeConfig.instanceCapabilities.length > 0 ? (
-                  <ul className="space-y-1">
+                  <ul className="space-y-(--cli-auth-scope-item-gap)">
                     {challenge.requestedScopeConfig.instanceCapabilities.map((capability) => (
                       <li key={capability} className="font-mono text-foreground">{capability}</li>
                     ))}