diff --git a/docs/styleguide/styles/27-patterns-delete-confirmation.css b/docs/styleguide/styles/27-patterns-delete-confirmation.css
index f44caac..ff32e6a 100644
--- a/docs/styleguide/styles/27-patterns-delete-confirmation.css
+++ b/docs/styleguide/styles/27-patterns-delete-confirmation.css
@@ -63,7 +63,7 @@
   display: none;
 }
 
-.sg-delete-confirmation-pattern__body {
+.sg-card .sg-delete-confirmation-pattern__body {
   display: flex;
   flex-direction: column;
   gap: var(--layout-delete-confirmation-content-gap);
diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css
index 75107e1..c60b010 100644
--- a/public/assets/styleguide.upstream.css
+++ b/public/assets/styleguide.upstream.css
@@ -3147,7 +3147,7 @@ section + section {
   display: none;
 }
 
-.sg-delete-confirmation-pattern__body {
+.sg-card .sg-delete-confirmation-pattern__body {
   display: flex;
   flex-direction: column;
   gap: var(--layout-delete-confirmation-content-gap);
@@ -5217,4 +5217,3 @@ main {
   flex: 1 1 0;
   min-width: 0;
 }
-
diff --git a/public/assets/styles.css b/public/assets/styles.css
index 75107e1..c60b010 100644
--- a/public/assets/styles.css
+++ b/public/assets/styles.css
@@ -3147,7 +3147,7 @@ section + section {
   display: none;
 }
 
-.sg-delete-confirmation-pattern__body {
+.sg-card .sg-delete-confirmation-pattern__body {
   display: flex;
   flex-direction: column;
   gap: var(--layout-delete-confirmation-content-gap);
@@ -5217,4 +5217,3 @@ main {
   flex: 1 1 0;
   min-width: 0;
 }
-