diff --git a/ui/src/components/Calendar.vue b/ui/src/components/Calendar.vue
index 566ac96..3ed0948 100644
--- a/ui/src/components/Calendar.vue
+++ b/ui/src/components/Calendar.vue
@@ -2,19 +2,21 @@
   <MultiModal @handle="modal_handle" />
 
   <figure>
-    <div class="level is-mobile mb-2">
+    <div class="level">
       <div class="level-left">
         <figcaption class="level-item has-text-primary-dark">
           {{ figure_caption }}
         </figcaption>
       </div>
       <div class="level-right">
-        <BulmaButton
-          class="level-item tag is-link"
-          text="Türchen anzeigen"
-          :icon="'fa-solid fa-toggle-' + (show_doors ? 'on' : 'off')"
-          @click.left="show_doors = !show_doors"
-        />
+        <div class="level-item">
+          <BulmaButton
+            class="tag is-warning is-outlined"
+            text="Türchen anzeigen"
+            :icon="'fa-solid fa-toggle-' + (show_doors ? 'on' : 'off')"
+            @click.left="show_doors = !show_doors"
+          />
+        </div>
       </div>
     </div>
     <div class="image is-unselectable">