diff --git a/src/OberleisteApp.jsx b/src/OberleisteApp.jsx
index 832e081..f88ab15 100644
--- a/src/OberleisteApp.jsx
+++ b/src/OberleisteApp.jsx
@@ -705,12 +705,13 @@ export default function OberleisteApp() {
           width: STAT_W, height: BAR_H * 2 + 4,
           background: atScale ? 'var(--accent-dim)' : 'var(--bg-input)',
           color: atScale ? 'var(--accent-light)' : 'var(--text-primary)',
-          border: '1px solid var(--border)',
+          border: '1px solid ' + (atScale ? 'var(--accent)' : 'var(--border)'),
           borderRadius: 14,
           overflow: 'hidden',
           fontFamily: 'DM Mono, monospace', fontSize: 11,
           fontWeight: atScale ? 600 : 500,
           flexShrink: 0,
+          transition: 'border-color 0.15s, background 0.15s',
         }}>
           <div style={{
             height: BAR_H,