diff --git a/modules/controlcenter/main.py b/modules/controlcenter/main.py
index 3675f5b..7a93f5c 100644
--- a/modules/controlcenter/main.py
+++ b/modules/controlcenter/main.py
@@ -273,19 +273,21 @@ class ModusControlCenter(Window):
                     style_classes="menu",
                     h_expand=True,
                     children=[
-                        Button(
-                            name="volume-widget-button",
-                            child=Box(
-                                orientation="vertical",
-                                children=[
-                                    Label(label="Sound", style_classes="title", h_align="start"),
-                                    self.volume_scale,
-                                    Label(
-                                        label=" ", name="brightness-widget-icon", h_align="start"
-                                    ),
-                                ]
-                            ),
-                            on_clicked=self.open_per_app_volume,
+                        Label(label="Sound", style_classes="title", h_align="start"),
+                        Box(
+                            orientation="horizontal",
+                            spacing=8,
+                            children=[
+                                self.volume_scale,
+                                Button(
+                                    name="per-app-volume-button",
+                                    child=Label(label="⚙", name="per-app-volume-icon"),
+                                    on_clicked=self.open_per_app_volume,
+                                ),
+                            ]
+                        ),
+                        Label(
+                            label=" ", name="brightness-widget-icon", h_align="start"
                         ),
                     ],
                 ),
diff --git a/styles/controlcenter.css b/styles/controlcenter.css
index aa677a8..d259752 100644
--- a/styles/controlcenter.css
+++ b/styles/controlcenter.css
@@ -467,14 +467,32 @@
   border-radius: 20px;
 }
 
-#volume-widget-button {
-  background-color: transparent;
-  border: none;
+/* Circle button for per-app volume */
+#per-app-volume-button {
+  background-color: alpha(#fff, 0.15);
+  border: 2px solid alpha(#007aff, 0.6);
+  border-radius: 50%;
+  min-width: 32px;
+  min-height: 32px;
   padding: 0;
-  border-radius: 8px;
-  transition: background-color 0.2s ease;
+  transition: all 0.2s ease;
+  box-shadow: 0 2px 6px alpha(#000, 0.15);
 }
 
-#volume-widget-button:hover {
-  background-color: alpha(#fff, 0.05);
+#per-app-volume-button:hover {
+  background-color: alpha(#fff, 0.25);
+  border-color: #007aff;
+  box-shadow: 0 4px 12px alpha(#000, 0.2);
+}
+
+#per-app-volume-button:active {
+  background-color: alpha(#fff, 0.2);
+  box-shadow: 0 1px 3px alpha(#000, 0.3);
+}
+
+#per-app-volume-icon {
+  font-size: 14px;
+  font-weight: bold;
+  color: #007aff;
+  text-shadow: none;
 }