diff --git a/src/gui/bubble-circle.vala b/src/gui/bubble-circle.vala
index 4646bd7..9e425fa 100644
--- a/src/gui/bubble-circle.vala
+++ b/src/gui/bubble-circle.vala
@@ -8,7 +8,7 @@ class TheCatTools.GUI.BoubleCircle : Adw.Bin, Gtk.Orientable {
 
     construct {
         width_request = 60;
-        add_css_class ("bubble-bar");
+        add_css_class ("bubble-circle");
         notify["value"].connect (queue_draw);
         notify["orientation"].connect (orientation_changed);
         orientation_changed ();
diff --git a/src/style.css b/src/style.css
index df0daa5..00cc5f7 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,13 +1,17 @@
+.bubble-circle,
 .bubble-bar {
     color: var(--accent-bg-color);
     background-color: var(--view-bg-color);
     border-radius: 20px;
 }
 
+.bubble-circle>overlay>.circle:checked,
 .bubble-bar>overlay>.line:checked {
     color: var(--destructive-color);
 }
 
+
+.bubble-circle>overlay>.circle,
 .bubble-bar>overlay>.line {
     color: var(--success-color);
 }
\ No newline at end of file