diff --git a/src/twind.js b/src/twind.js
index 1169bfc..739e41c 100644
--- a/src/twind.js
+++ b/src/twind.js
@@ -51,7 +51,7 @@ export const Configure = {
         [
             "bg-metal",
             {
-                "background": "linear-gradient(159deg, rgb(236, 236, 236) 0%, rgb(233, 233, 233) 36%, rgb(213, 213, 213) 36.1%, rgb(236, 236, 236) 100%)"
+                "background": "linear-gradient(159deg, rgb(228, 228, 228) 0%, rgb(243, 243, 243) 25%, rgb(236, 236, 236) 100%)"
             }
         ],
         [
@@ -68,7 +68,7 @@ export const Configure = {
             }
         ],
         [
-            'text-shadow-lcd', {"text-shadow": "0px 2px 3px #00000096"}
+            'text-shadow-lcd', {"text-shadow": "0px 2px 2px #00000055"}
         ],
         [ 'box-notch', "border-t(1 [#ffffff]) border-b(1 [#00000033]) flex items-center justify-end gap-1 p-2" ],
         [ "box-buttons", "flex gap-1 items-center p-2 rounded-lg bg-gradient-to-b from-[#00000022] border-b(1 [#ffffff]) border-t(1 [#00000033])"]
diff --git a/src/ui.js b/src/ui.js
index 20fd86e..c8367ee 100644
--- a/src/ui.js
+++ b/src/ui.js
@@ -88,7 +88,7 @@ export const Controls =()=>
     const classTitle = "flex-1 text-sm"
 
     return html`
-    <div class="font-sans bg-metal rounded-lg overflow-hidden">
+    <div class="font-sans bg-metal rounded-lg overflow-hidden shadow-md">
         <div class="box-notch">
             <div class=${classTitle}>Channel</div>
             <div class="box-buttons">