diff --git a/frontend/scss/components/_sidebar.scss b/frontend/scss/components/_sidebar.scss
index 39477e2..5f7116b 100644
--- a/frontend/scss/components/_sidebar.scss
+++ b/frontend/scss/components/_sidebar.scss
@@ -59,11 +59,7 @@
 
   &-close {
       border-radius: 100%;
-      width: 27.5px;
-
-      &:focus {
-          background: white !important;
-      }
+      @apply w-6 h-6;
   }
 
   &-footer {
diff --git a/templates/index.html.tera b/templates/index.html.tera
index e1e6e9d..a69fa07 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -251,9 +251,9 @@
         Überschrift  (wird ersetzt)
       </span>
     </div>
-    <button type="button" title="Ausfahrt erstellen schließen" class="sidebar-close border-0 bg-primary-600 text-black"
+    <button type="button" title="Ausfahrt erstellen schließen" class="sidebar-close border-0 bg-primary-100 focus:bg-primary-50 text-black flex items-center justify-center transform rotate-45"
       data-trigger="sidebar">
-      x
+      {% include "includes/plus-icon" %}
     </button>
   </div>
   <div class="body-js px-2 pt-2" style="margin-top: 63px; margin-bottom: 157px">