diff --git a/script.js b/script.js
index 558c13f..aa4e966 100644
--- a/script.js
+++ b/script.js
@@ -672,7 +672,7 @@ function applyGlow(id, intensity) {
     const color = id === 'A' ? 'var(--primary-cyan)' : 'var(--secondary-magenta)';
     const blur = Math.max(10, intensity);
     const spread = Math.max(2, intensity / 5);
-    deckEl.style.boxShadow = `0 0 ${blur}px ${spread}px ${color}`;
+    deckEl.style.boxShadow = `inset 0 0 ${blur}px ${spread}px ${color}`;
 }
 
 function removeGlow(id) {
diff --git a/style.css b/style.css
index 8d5b6f4..46265f0 100644
--- a/style.css
+++ b/style.css
@@ -222,6 +222,7 @@ header h1 {
     /* Adjust based on header height */
     min-height: 0;
     overflow: hidden;
+    background: var(--bg-dark);
 }
 
 /* LIBRARY SECTION */
@@ -747,8 +748,8 @@ input[type=range] {
 /* Waveform Display */
 .waveform-container {
     position: relative;
-    background: #000;
-    border: 1px solid #333;
+    background: transparent;
+    border: none;
     border-radius: 4px;
     margin-bottom: 4px;
     padding: 3px;
@@ -758,6 +759,9 @@ input[type=range] {
     width: 100%;
     height: 40px;
     display: block;
+    background: rgba(0, 0, 0, 0.3);
+    border: none;
+    margin-bottom: 0;
 }
 
 .playhead {