diff --git a/snippets/scales.html b/snippets/scales.html
index 7017b65..ec3c798 100644
--- a/snippets/scales.html
+++ b/snippets/scales.html
@@ -19,11 +19,8 @@
       </div>
 
       <div class="field">
-        <div class="control">
-        <label class="checkbox">
-          <input id="checkbox" type="checkbox">
-          SMS Alarmierung aktiv
-        </label>
+        <div class="control checkboxes">
+          <label for="checkbox" class="checkbox"><input id="checkbox" type="checkbox" /><span> SMS Alarmierung aktiv</span></label>
         </div>
       </div>
 
diff --git a/static/css/mini-beieli-web-custom.css b/static/css/mini-beieli-web-custom.css
index da635b7..5608e38 100644
--- a/static/css/mini-beieli-web-custom.css
+++ b/static/css/mini-beieli-web-custom.css
@@ -74,6 +74,11 @@ input:focus,
   background-color: #fefde5 !important;
 }
 
-input[type="checkbox"] {
-  vertical-align: middle; }
+.checkboxes input {
+  vertical-align: middle;
+}
 
+.checkboxes label span {
+  vertical-align: middle;
+  margin-left: 5px;
+}