diff --git a/config/astal/components/QuickActions/modules/Brightness/Brightness.tsx b/config/astal/components/QuickActions/modules/Brightness/Brightness.tsx
index 34da61f..8c75f22 100644
--- a/config/astal/components/QuickActions/modules/Brightness/Brightness.tsx
+++ b/config/astal/components/QuickActions/modules/Brightness/Brightness.tsx
@@ -4,15 +4,15 @@ import Brightness from "../../../../util/brightness";
 const brightness = Brightness.get_default();
 
 const BrightnessModule = () => {
-    const setBrightness = ( value: number ) => {
-        brightness.set_property('screen', value);
+    const setBrightness = (value: number) => {
+        brightness.set_property('screen', value / 100);
     }
     return (
         <box visible={bind(brightness, 'screenAvailable')}>
             <image iconName={"brightness-high-symbolic"}></image>
-            <label label={bind(brightness, "screen").as(b => b + "%")}></label>
+            <label label={bind(brightness, "screen").as(b => `${Math.round(100 * b)}%`)}></label>
             <slider
-                value={bind(brightness, "screen")}
+                value={bind(brightness, "screen").as(b => Math.round(100 * b))}
                 hexpand
                 max={100}
                 min={0}
diff --git a/config/astal/components/bar/modules/QuickView.tsx b/config/astal/components/bar/modules/QuickView.tsx
index a0efc95..9a7f9d5 100644
--- a/config/astal/components/bar/modules/QuickView.tsx
+++ b/config/astal/components/bar/modules/QuickView.tsx
@@ -25,7 +25,6 @@ const QuickView = () => {
                     <Audio></Audio>
                     <BluetoothWidget></BluetoothWidget>
                     <NetworkWidget></NetworkWidget>
-                    <BrightnessWidget></BrightnessWidget>
                     <image iconName={"system-shutdown-symbolic"}></image>
                     {qa}
                 </box>