diff --git a/nextjs/app/%5Frequest/[id]/page.js b/nextjs/app/%5Frequest/[id]/page.js
index 8e9cf4f..5ecb18c 100644
--- a/nextjs/app/%5Frequest/[id]/page.js
+++ b/nextjs/app/%5Frequest/[id]/page.js
@@ -81,27 +81,31 @@ export default async function UploadRequestPage({ params, searchParams }) {
       <StatusMessage error={error} success={success} />
 
       <section className="panel">
-        <div className="info-stack compact-info">
-          <div className="info-card">
-            <strong>Status</strong>
-            <span className="muted">
-              {state === 'open' ? 'Offen' : state === 'completed' ? 'Bereits abgeschlossen' : 'Abgelaufen'}
-            </span>
-          </div>
-          <div className="info-card">
-            <strong>Erstellt</strong>
-            <span className="muted">{formatTimestamp(requestEntry.created_at)}</span>
-          </div>
-          <div className="info-card">
-            <strong>Gültig bis</strong>
-            <span className="muted">{formatTimestamp(requestEntry.expires_at)}</span>
-          </div>
-          {requestEntry.note ? (
-            <div className="info-card">
-              <strong>Notiz</strong>
-              <span className="muted">{requestEntry.note}</span>
-            </div>
-          ) : null}
+        <div className="table-wrap request-meta-wrap">
+          <table className="request-meta-table">
+            <tbody>
+              <tr>
+                <th>Status</th>
+                <td>
+                  {state === 'open' ? 'Offen' : state === 'completed' ? 'Bereits abgeschlossen' : 'Abgelaufen'}
+                </td>
+              </tr>
+              <tr>
+                <th>Erstellt</th>
+                <td>{formatTimestamp(requestEntry.created_at)}</td>
+              </tr>
+              <tr>
+                <th>Gültig bis</th>
+                <td>{formatTimestamp(requestEntry.expires_at)}</td>
+              </tr>
+              {requestEntry.note ? (
+                <tr>
+                  <th>Notiz</th>
+                  <td>{requestEntry.note}</td>
+                </tr>
+              ) : null}
+            </tbody>
+          </table>
         </div>
       </section>
 
diff --git a/nextjs/app/globals.css b/nextjs/app/globals.css
index 043cf8c..ceb968d 100644
--- a/nextjs/app/globals.css
+++ b/nextjs/app/globals.css
@@ -335,21 +335,29 @@ p {
   font-size: 1.02rem;
 }
 
-.info-stack.compact-info {
-  gap: 0.45rem;
+.request-meta-wrap {
+  max-width: 520px;
 }
 
-.info-stack.compact-info .info-card {
-  padding: 0.5rem 0.62rem;
-  gap: 0.12rem;
+.request-meta-table {
+  min-width: 0;
 }
 
-.info-stack.compact-info .info-card strong {
-  font-size: 0.92rem;
+.request-meta-table th,
+.request-meta-table td {
+  font-size: 0.86rem;
+  padding: 0.45rem 0.6rem;
 }
 
-.info-stack.compact-info .info-card .muted {
-  font-size: 0.84rem;
+.request-meta-table th {
+  width: 10rem;
+  color: var(--text-muted);
+  font-weight: 700;
+}
+
+.request-meta-table tbody tr:first-child th,
+.request-meta-table tbody tr:first-child td {
+  border-top: none;
 }
 
 .upload-progress {