diff --git a/patterns/vsf-listen-uebersicht-seite.html b/patterns/vsf-listen-uebersicht-seite.html
index c122783..8d88d71 100644
--- a/patterns/vsf-listen-uebersicht-seite.html
+++ b/patterns/vsf-listen-uebersicht-seite.html
@@ -109,7 +109,7 @@
 
     <div id="layout-vsf-list-card">
     <div class="sg-object-card-grid" aria-label="VSF Listen Übersicht Karten">
-    <div class="sg-delete-confirmation-pattern sg-delete-confirmation-pattern__stage sg-object-card" data-pattern="overlay-card" data-dialog-open="false" aria-label="VSF List Card Layout List Card">
+    <div class="sg-delete-confirmation-pattern sg-delete-confirmation-pattern__stage sg-vsf-list-card__overlay-item" data-pattern="overlay-card" data-dialog-open="false" aria-label="VSF List Card Layout List Card">
       <article class="sg-card sg-delete-confirmation-pattern__target" data-pattern="object-group-card" aria-label="List Card">
         <header class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue sg-object-card__header" data-pattern-part="object-group-card-header">
           <div class="sg-strong">NAME DER LISTE</div>
@@ -228,7 +228,7 @@
       </article>
     </div>
 
-    <div class="sg-delete-confirmation-pattern sg-delete-confirmation-pattern__stage sg-object-card" data-pattern="overlay-card" data-dialog-open="false" aria-label="VSF List Card Layout List Card">
+    <div class="sg-delete-confirmation-pattern sg-delete-confirmation-pattern__stage sg-vsf-list-card__overlay-item" data-pattern="overlay-card" data-dialog-open="false" aria-label="VSF List Card Layout List Card">
       <article class="sg-card sg-delete-confirmation-pattern__target" data-pattern="object-group-card" aria-label="List Card">
         <header class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue sg-object-card__header" data-pattern-part="object-group-card-header">
           <div class="sg-strong">NAME DER LISTE</div>
diff --git a/styles/26-patterns-vsf-list-card.css b/styles/26-patterns-vsf-list-card.css
index 2988ad3..41128a7 100644
--- a/styles/26-patterns-vsf-list-card.css
+++ b/styles/26-patterns-vsf-list-card.css
@@ -14,3 +14,22 @@
 #layout-vsf-list-card [data-pattern="overlay-card"] {
   --layout-delete-confirmation-target-max-width: var(--layout-vsf-list-card-delete-confirmation-target-max-width);
 }
+
+#layout-vsf-list-card .sg-vsf-list-card__overlay-item {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 var(--layout-object-group-card-min-width);
+  min-width: var(--layout-object-group-card-min-width);
+  max-width: var(--layout-object-group-card-max-width);
+  height: var(--layout-object-card-height);
+}
+
+@media (max-width: 767px) {
+  #layout-vsf-list-card .sg-vsf-list-card__overlay-item {
+    flex-basis: 100%;
+    width: 100%;
+    min-width: 0;
+    max-width: none;
+    height: var(--layout-object-card-mobile-height);
+  }
+}