diff --git a/src/Blazored.Modal/BlazoredModalInstance.razor.css b/src/Blazored.Modal/BlazoredModalInstance.razor.css
index c32379d..dd76baa 100644
--- a/src/Blazored.Modal/BlazoredModalInstance.razor.css
+++ b/src/Blazored.Modal/BlazoredModalInstance.razor.css
@@ -97,9 +97,9 @@
 }
 
 .position-middle {
-    display: flex;
-    flex-direction: column;
+    display: grid;
     justify-content: center;
+    align-items: center;
 }
 
 .fade-in {