diff --git a/src/themes/index.js b/src/themes/index.js
index 8b72a6b8..d9bc8c9e 100644
--- a/src/themes/index.js
+++ b/src/themes/index.js
@@ -47,8 +47,8 @@ export function theme(customization) {
                 xs: 0,
                 sm: 600,
                 md: 960,
-                lg: 1465,
-                xl: 1920
+                lg: 1240,
+                xl: 2560
             }
         },
         typography: themeTypography(themeOption),
diff --git a/src/views/clinicalGenomic/widgets/dataVisualization.js b/src/views/clinicalGenomic/widgets/dataVisualization.js
index 032c6b76..65247aeb 100644
--- a/src/views/clinicalGenomic/widgets/dataVisualization.js
+++ b/src/views/clinicalGenomic/widgets/dataVisualization.js
@@ -211,7 +211,7 @@ function DataVisualization() {
 
     function returndataVisData() {
         const data = dataVisData.map((item, index) => (
-            <Grid item xs={12} sm={12} md={6} lg={3} key={item + index}>
+            <Grid item xs={12} sm={6} md={6} lg={6} xl={3} key={item + index}>
                 <CustomOfflineChart
                     dataObject=""
                     dataVis={dataVis}