diff --git a/src/app/app.component.html b/src/app/app.component.html
index cbd0861..6562698 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -381,8 +381,10 @@
             [disableZoomControl]="'disable'"
             [enableBrightnessControl]="false"
             [brightnessStep]="0.1"
+            [minBrightness]="1.0"
+            [maxBrightness]="3.0"
             [minScale]="1"
-            [limitZoom]="5"
+            [limitZoom]="8"
             (zoomChanged)="onCustomZoomChanged($event)"
             (brightnessChanged)="onCustomBrightnessChanged($event)"
         >
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 7990578..f36586e 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -30,13 +30,10 @@ export class AppComponent {
     private readonly MIN_ZOOM = 1;
     private readonly ZOOM_STEP = 0.5;
     private readonly MIN_BRIGHTNESS = 1.0;
-    private readonly MAX_BRIGHTNESS = 2.0;
+    private readonly MAX_BRIGHTNESS = 3.0;
 
     // Computed signals for button states
-    isZoomAtMin = computed(() => {
-        const zoom = this.customZoomState();
-        return zoom <= this.MIN_ZOOM + 0.01; // Small tolerance for float comparison
-    });
+    isZoomAtMin = computed(() => this.customZoomState() <= this.MIN_ZOOM);
 
     isBrightnessAtMin = computed(() => this.customBrightnessState() <= this.MIN_BRIGHTNESS);
     isBrightnessAtMax = computed(() => this.customBrightnessState() >= this.MAX_BRIGHTNESS);