diff --git a/nextjs/app/%5Frequest/[id]/page.js b/nextjs/app/%5Frequest/[id]/page.js
index 0ddeceb..8e9cf4f 100644
--- a/nextjs/app/%5Frequest/[id]/page.js
+++ b/nextjs/app/%5Frequest/[id]/page.js
@@ -81,7 +81,7 @@ export default async function UploadRequestPage({ params, searchParams }) {
       <StatusMessage error={error} success={success} />
 
       <section className="panel">
-        <div className="info-stack">
+        <div className="info-stack compact-info">
           <div className="info-card">
             <strong>Status</strong>
             <span className="muted">
diff --git a/nextjs/app/globals.css b/nextjs/app/globals.css
index c363e83..043cf8c 100644
--- a/nextjs/app/globals.css
+++ b/nextjs/app/globals.css
@@ -335,6 +335,23 @@ p {
   font-size: 1.02rem;
 }
 
+.info-stack.compact-info {
+  gap: 0.45rem;
+}
+
+.info-stack.compact-info .info-card {
+  padding: 0.5rem 0.62rem;
+  gap: 0.12rem;
+}
+
+.info-stack.compact-info .info-card strong {
+  font-size: 0.92rem;
+}
+
+.info-stack.compact-info .info-card .muted {
+  font-size: 0.84rem;
+}
+
 .upload-progress {
   display: grid;
   gap: 0.45rem;