diff --git a/admin/src/components/NavBar.vue b/admin/src/components/NavBar.vue
index 9c656db6d..24286f01c 100644
--- a/admin/src/components/NavBar.vue
+++ b/admin/src/components/NavBar.vue
@@ -7,14 +7,14 @@
 
       <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
 
-      <b-collapse id="nav-collapse" class="h4" is-nav>
+      <b-collapse id="nav-collapse" is-nav>
         <b-navbar-nav>
           <b-nav-item to="/">Übersicht</b-nav-item>
           <b-nav-item to="/user">Usersuche</b-nav-item>
           <b-nav-item to="/creation">Mehrfachschöpfung</b-nav-item>
           <b-nav-item
             v-show="$store.state.openCreations > 0"
-            class="bg-danger p-2"
+            class="bg-color-creation p-1"
             to="/creation-confirm"
           >
             {{ $store.state.openCreations }} offene Schöpfungen
@@ -48,4 +48,7 @@ export default {
   height: 2rem;
   padding-left: 10px;
 }
+.bg-color-creation {
+  background-color: #cf1010dc;
+}
 </style>