diff --git a/src/renderer/components/token-dashboard.ts b/src/renderer/components/token-dashboard.ts
index 3eeab32..1bbf5f5 100644
--- a/src/renderer/components/token-dashboard.ts
+++ b/src/renderer/components/token-dashboard.ts
@@ -152,9 +152,11 @@ function renderDashboard(): void {
             <span class="td-val-output">${formatTokenCount(r.eval_count)}</span>
             <span class="td-val-input">${formatTokenCount(r.prompt_eval_count)}</span>
           </div>
-          <div class="td-bar" style="height:${heightPct}%;">
-            <div class="td-bar-fill">
-              <div class="td-bar-input" style="height:${inputPct}%;"></div>
+          <div class="td-bar-wrapper">
+            <div class="td-bar" style="height:${heightPct}%;">
+              <div class="td-bar-fill">
+                <div class="td-bar-input" style="height:${inputPct}%;"></div>
+              </div>
             </div>
           </div>
           <div class="td-bar-label">R${r.round}</div>
diff --git a/src/renderer/styles/style.css b/src/renderer/styles/style.css
index 674f56a..52c5f2c 100644
--- a/src/renderer/styles/style.css
+++ b/src/renderer/styles/style.css
@@ -3579,6 +3579,7 @@ html, body {
     display: flex;
     align-items: flex-end;
     gap: 6px;
+    height: 180px;
     border-left: 1px solid var(--border-subtle);
     border-bottom: 1px solid var(--border-subtle);
     padding: 0 8px 0 4px;
@@ -3592,6 +3593,7 @@ html, body {
     flex: 1;
     min-width: 36px;
     max-width: 60px;
+    height: 100%;
     cursor: default;
 }
 
@@ -3604,6 +3606,7 @@ html, body {
     font-size: 9px;
     font-family: var(--font-mono);
     white-space: nowrap;
+    flex-shrink: 0;
 }
 
 .td-val-output {
@@ -3614,6 +3617,13 @@ html, body {
     color: #9B7ED8;
 }
 
+.td-bar-wrapper {
+    flex: 1;
+    width: 100%;
+    display: flex;
+    align-items: flex-end;
+}
+
 .td-bar {
     width: 100%;
     border-radius: 4px 4px 0 0;