diff --git a/configuration.php b/configuration.php
index 9a5b6816..e3b8e801 100644
--- a/configuration.php
+++ b/configuration.php
@@ -14,5 +14,5 @@ namespace Icinga\Module\Eagle
     ]);
 
     // TODO: Switch to from='ipl' prior release!
-    $this->requireCssFile('state-ball.less', 'ipldev');
+    $this->requireCssFile('balls.less', 'ipldev');
 }
diff --git a/library/Eagle/Widget/StateBall.php b/library/Eagle/Widget/StateBall.php
index 5d33da7f..d3a76858 100644
--- a/library/Eagle/Widget/StateBall.php
+++ b/library/Eagle/Widget/StateBall.php
@@ -33,6 +33,6 @@ class StateBall extends BaseHtmlElement
             $size = self::SIZE_MEDIUM;
         }
 
-        $this->defaultAttributes = ['class' => "state-ball state-$state size-$size"];
+        $this->defaultAttributes = ['class' => "state-ball state-$state ball-size-$size"];
     }
 }
diff --git a/public/css/module.less b/public/css/module.less
index 1284521b..b5585c09 100644
--- a/public/css/module.less
+++ b/public/css/module.less
@@ -2,9 +2,12 @@
 @gray-light: #d8d8d8;
 
 .attempt-ball {
+  .ball();
+  .ball-size-xs();
   background-color: @gray-light;
 
   &.taken {
+    .ball-size-s();
     background-color: @gray-dark;
   }
 }