diff --git a/styles/27-patterns-delete-confirmation.css b/styles/27-patterns-delete-confirmation.css
index d11c837..47acd7a 100644
--- a/styles/27-patterns-delete-confirmation.css
+++ b/styles/27-patterns-delete-confirmation.css
@@ -27,10 +27,12 @@
 
 .sg-delete-confirmation-pattern__floating-card {
   position: absolute;
-  top: var(--layout-delete-confirmation-overlay-offset-block-start);
+  top: 50%;
   left: 50%;
-  transform: translateX(-50%);
+  transform: translate(-50%, -50%);
   width: calc(100% * var(--layout-delete-confirmation-overlay-width-factor));
+  box-sizing: border-box;
+  max-width: calc(100% * var(--layout-delete-confirmation-overlay-width-factor));
   z-index: var(--layer-delete-confirmation-overlay);
   box-shadow: var(--shadow-overlay);
 }