diff --git a/light9/fade/Light9EffectFader.ts b/light9/fade/Light9EffectFader.ts
--- a/light9/fade/Light9EffectFader.ts
+++ b/light9/fade/Light9EffectFader.ts
@@ -83,7 +83,7 @@ export class Light9EffectFader extends L
         background: #272727;
       }
       light9-fader {
-        margin: 4px;
+        margin: 0px;
         width: 100%;
       }
     `,
diff --git a/light9/fade/Light9Fader.ts b/light9/fade/Light9Fader.ts
--- a/light9/fade/Light9Fader.ts
+++ b/light9/fade/Light9Fader.ts
@@ -17,7 +17,7 @@ export class Light9Fader extends LitElem
         display: inline-block;
         border: 2px gray inset;
         background: #000;
-        height: 130px;
+        height: 80px;
       }
       #handle {
         background: gray;
@@ -33,8 +33,8 @@ export class Light9Fader extends LitElem
 
   @query("#handle") handleEl!: HTMLElement;
 
-  troughHeight = 130 - 2 - 2 - 5 - 5;
-  handleHeight = 20;
+  troughHeight = 80 - 2 - 2 - 5 - 5;
+  handleHeight = 10;
 
   drag?: Drag;
   unmutedValue: number = 1;
@@ -94,7 +94,7 @@ export class Light9Fader extends LitElem
 
     this.addEventListener("wheel", (ev: WheelEvent) => {
       ev.preventDefault();
-      this.value += ev.deltaY / 120 * -.05;
+      this.value += ev.deltaY / this.troughHeight * -.05;
       this.valueChangedFromUi()
     });