diff --git a/ui/src/styles/components.css b/ui/src/styles/components.css
index 0aed9df44f8..ac2012526aa 100644
--- a/ui/src/styles/components.css
+++ b/ui/src/styles/components.css
@@ -2990,10 +2990,14 @@ td.data-table-key-col {
 
 .exec-approval-card {
   width: min(540px, 100%);
+  max-height: calc(100dvh - 48px);
+  display: flex;
+  flex-direction: column;
   background: var(--card);
   border: 1px solid var(--border);
   border-radius: var(--radius-lg);
   padding: 20px;
+  overflow: hidden;
   animation: scale-in 0.2s var(--ease-out);
 }
 
@@ -3002,6 +3006,7 @@ td.data-table-key-col {
   align-items: center;
   justify-content: space-between;
   gap: 16px;
+  flex-shrink: 0;
 }
 
 .exec-approval-title {
@@ -3026,14 +3031,19 @@ td.data-table-key-col {
 
 .exec-approval-command {
   margin-top: 12px;
+  max-width: 100%;
+  max-height: min(40dvh, 320px);
   padding: 10px 12px;
   background: var(--secondary);
   border: 1px solid var(--border);
   border-radius: var(--radius-md);
+  overflow: auto;
   word-break: break-word;
+  overflow-wrap: anywhere;
   white-space: pre-wrap;
   font-family: var(--mono);
   font-size: 13px;
+  line-height: 1.45;
 }
 
 .exec-approval-meta {
@@ -3051,8 +3061,11 @@ td.data-table-key-col {
 }
 
 .exec-approval-meta-row span:last-child {
+  min-width: 0;
   color: var(--text);
   font-family: var(--mono);
+  text-align: right;
+  overflow-wrap: anywhere;
 }
 
 .exec-approval-error {