diff --git a/patterns/delete-confirmation-overlay.html b/patterns/delete-confirmation-overlay.html
index 31b9e1d..53884c5 100644
--- a/patterns/delete-confirmation-overlay.html
+++ b/patterns/delete-confirmation-overlay.html
@@ -143,7 +143,7 @@
           </ul>
 
           <div class="sg-delete-confirmation-pattern__actions">
-            <button class="sg-interaction-element sg-button sg-button--active" type="button" data-create-list-form-toggle aria-expanded="false">Neue Liste anlegen</button>
+            <button class="sg-interaction-element sg-button sg-button--active sg-delete-confirmation-pattern__create-list-toggle" type="button" data-create-list-form-toggle aria-expanded="false">Neue Liste anlegen</button>
           </div>
         </div>
 
diff --git a/styles/27-patterns-delete-confirmation.css b/styles/27-patterns-delete-confirmation.css
index 001f9c8..4ede164 100644
--- a/styles/27-patterns-delete-confirmation.css
+++ b/styles/27-patterns-delete-confirmation.css
@@ -160,6 +160,10 @@
   margin-top: 0;
 }
 
+.sg-delete-confirmation-pattern__create-list-toggle {
+  width: 100%;
+}
+
 @media (max-width: 48rem) {
   .sg-delete-confirmation-pattern__actions {
     flex-wrap: wrap;