diff --git a/core/themes/claro/css/components/dialog.css b/core/themes/claro/css/components/dialog.css
index ff09f75b34..9442a5b78a 100644
--- a/core/themes/claro/css/components/dialog.css
+++ b/core/themes/claro/css/components/dialog.css
@@ -11,6 +11,7 @@
  */
 
 .ui-dialog {
+  position: absolute;
   padding: 0;
   border: 0;
   border-radius: 0.25rem;
diff --git a/core/themes/claro/css/components/dialog.pcss.css b/core/themes/claro/css/components/dialog.pcss.css
index 3038d02f42..e94c6e8935 100644
--- a/core/themes/claro/css/components/dialog.pcss.css
+++ b/core/themes/claro/css/components/dialog.pcss.css
@@ -6,6 +6,7 @@
 @import "../base/variables.pcss.css";
 
 .ui-dialog {
+  position: absolute;
   padding: 0;
   border: 0;
   border-radius: var(--jui-dialog-border-radius);