diff --git a/src/app/modules/QueryBuilder/common/QbStepNavigator.tsx b/src/app/modules/QueryBuilder/common/QbStepNavigator.tsx
index 2c3d345e..a50c0a60 100644
--- a/src/app/modules/QueryBuilder/common/QbStepNavigator.tsx
+++ b/src/app/modules/QueryBuilder/common/QbStepNavigator.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, useTheme } from '@material-ui/core';
+import { Box, Grid, useTheme } from '@material-ui/core';
 import useMediaQuery from '@material-ui/core/useMediaQuery/useMediaQuery';
 export const QbStepNavigator = (props: { children: React.ReactNode }) => {
   const theme = useTheme();
@@ -12,14 +12,16 @@ export const QbStepNavigator = (props: { children: React.ReactNode }) => {
   // const justify = if(childCount > 1){return "space-in-between";}else{return "flex-end";}
 
   return (
-    <Box
-      display="flex"
-      justifyContent={childCount > 1 ? 'space-between' : 'flex-end'}
-      width="100%"
-      marginTop="50px"
-      padding="16px"
-    >
-      {props.children}
-    </Box>
+    <Grid item lg={12}>
+      <Box
+        display="flex"
+        justifyContent={childCount > 1 ? 'space-between' : 'flex-end'}
+        // width="100%"
+        marginTop="50px"
+        // padding="16px"
+      >
+        {props.children}
+      </Box>
+    </Grid>
   );
 };