diff --git a/awx/ui/client/src/templates/survey-maker/survey-maker.block.less b/awx/ui/client/src/templates/survey-maker/survey-maker.block.less
index a10f40d39f..88497a32df 100644
--- a/awx/ui/client/src/templates/survey-maker/survey-maker.block.less
+++ b/awx/ui/client/src/templates/survey-maker/survey-maker.block.less
@@ -1,10 +1,15 @@
 @import "./client/src/shared/branding/colors.default.less";
 
+.position-center {
+    left: 0;
+    right: 0;
+    margin: auto;
+}
+
 .SurveyMaker-dialog {
-    left: 50vw !important;
     max-width: 1200px;
     padding: 0px;
-    transform: translate(-50%, 0%);
+    .position-center;
 
     .ui-dialog-buttonpane, .ui-dialog-titlebar {
         display:none;
@@ -134,12 +139,13 @@
     align-items: center;
     justify-content: center;
     border-radius: 4px;
-}
-.SurveyMaker-deleteModal {
-    height: 200px;
-    width: 600px;
-    background-color: @default-bg;
-    border-radius: 5px;
+
+    .Modal-content {
+        position: fixed;
+        top: ~"calc(50% - 100px)";
+        width: 600px;
+        .position-center;
+    }
 }
 .SurveyMaker-previewInputRow {
     display: flex;
@@ -244,5 +250,9 @@
 @media screen and (max-width: 600px) {
     .SurveyMaker-dialog {
         max-width: 100vw;
+
+        .Modal-content {
+            max-width: ~"calc(100vw - 50px)";
+        }
     }
 }
\ No newline at end of file