diff --git a/src/defaultV2-theme/blocks/mixins.scss b/src/defaultV2-theme/blocks/mixins.scss
index daf100bc4a..1e93ad14e1 100644
--- a/src/defaultV2-theme/blocks/mixins.scss
+++ b/src/defaultV2-theme/blocks/mixins.scss
@@ -15,7 +15,7 @@
   color: $font-pagedescription-color;
   position: static;
   line-height: multiply(1.5, $font-pagedescription-size);
-  margin: 0 0 calcSize(1) 0;
+  margin: 0 0 calcSize(0.5) 0;
 }
 
 @mixin num_inline {
diff --git a/src/defaultV2-theme/blocks/sd-body.scss b/src/defaultV2-theme/blocks/sd-body.scss
index a490d067cc..e5dc12b198 100644
--- a/src/defaultV2-theme/blocks/sd-body.scss
+++ b/src/defaultV2-theme/blocks/sd-body.scss
@@ -86,6 +86,19 @@
   }
 }
 
+.sd-root--compact {
+  .sd-body {
+
+    &.sd-body--responsive,
+    &.sd-body--static {
+
+      .sd-body__navigation {
+        padding-top: calcSize(7);
+      }
+    }
+  }
+}
+
 .sd-body__navigation.sd-action-bar {
   box-sizing: border-box;
   padding: calcSize(2) calcSize(2);
@@ -175,4 +188,4 @@
   bottom: 0;
   left: 0;
   right: 0;
-}
+}
\ No newline at end of file
diff --git a/src/defaultV2-theme/blocks/sd-row.scss b/src/defaultV2-theme/blocks/sd-row.scss
index 5c011c7121..84fbacde52 100644
--- a/src/defaultV2-theme/blocks/sd-row.scss
+++ b/src/defaultV2-theme/blocks/sd-row.scss
@@ -18,14 +18,23 @@
   margin-top: 0;
 }
 
-.sd-page__title~.sd-row.sd-page__row {
-  margin-top: calcSize(2);
+.sd-page__title,
+.sd-page__description {
+  &~.sd-row.sd-page__row:not(.sd-row--compact) {
+    margin-top: calcSize(3);
+  }
 
-  &.sd-row--compact {
+  &~.sd-page__row.sd-row--compact {
     margin-top: var(--sd-base-vertical-padding);
   }
 }
 
+.sd-row.sd-page__row:not(.sd-row--compact) {
+  &~.sd-row.sd-page__row:not(.sd-row--compact) {
+    margin-top: calcSize(2);
+  }
+}
+
 .sd-row--multiple {
   row-gap: calcSize(2);
   margin-left: calc(-1 * var(--sd-base-padding));
@@ -43,6 +52,7 @@
 .sd-panel {
   .sd-row--multiple {
     row-gap: var(--sd-base-vertical-padding);
+
     &>div {
       padding-left: var(--sd-base-padding);
     }
@@ -54,6 +64,7 @@
     padding-left: var(--sd-base-padding);
   }
 }
+
 .sd-page__row.sd-row--multiple {
   margin-left: calcSize(-2);
   width: calc(100% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
@@ -64,7 +75,7 @@
     margin-left: calc(-1 * var(--sd-base-padding));
     width: calc(100% + var(--sd-base-padding));
   }
-  
+
 }
 
 .sd-row__panel {
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-compact-notitle-description.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-compact-notitle-description.png
new file mode 100644
index 0000000000..030538f661
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-compact-notitle-description.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-compact-notitle-nodescription.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-compact-notitle-nodescription.png
new file mode 100644
index 0000000000..0fd0a662ff
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-compact-notitle-nodescription.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-compact-title-description.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-compact-title-description.png
new file mode 100644
index 0000000000..2979f1c5d1
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-compact-title-description.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-compact-title-nodescription.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-compact-title-nodescription.png
new file mode 100644
index 0000000000..305637b095
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-compact-title-nodescription.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-panels-notitle-description.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-panels-notitle-description.png
new file mode 100644
index 0000000000..4b8fc61cba
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-panels-notitle-description.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-panels-notitle-nodescription.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-panels-notitle-nodescription.png
new file mode 100644
index 0000000000..569f2b643e
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-panels-notitle-nodescription.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-panels-title-description.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-panels-title-description.png
new file mode 100644
index 0000000000..98dae6cd1e
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-panels-title-description.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-panels-title-nodescription.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-panels-title-nodescription.png
new file mode 100644
index 0000000000..cc9017b571
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-panels-title-nodescription.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-compact-notitle-description.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-compact-notitle-description.png
new file mode 100644
index 0000000000..fe8a71bb61
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-compact-notitle-description.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-compact-notitle-nodescription.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-compact-notitle-nodescription.png
new file mode 100644
index 0000000000..ba7583b9bd
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-compact-notitle-nodescription.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-compact-title-description.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-compact-title-description.png
new file mode 100644
index 0000000000..a917fd98a6
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-compact-title-description.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-compact-title-nodescription.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-compact-title-nodescription.png
new file mode 100644
index 0000000000..9d75e131d0
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-compact-title-nodescription.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-panels-notitle-description.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-panels-notitle-description.png
new file mode 100644
index 0000000000..d10bef1b10
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-panels-notitle-description.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-panels-notitle-nodescription.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-panels-notitle-nodescription.png
new file mode 100644
index 0000000000..c67315fca3
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-panels-notitle-nodescription.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-panels-title-description.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-panels-title-description.png
new file mode 100644
index 0000000000..9f19206c9f
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-panels-title-description.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-panels-title-nodescription.png b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-panels-title-nodescription.png
new file mode 100644
index 0000000000..f6269b1a08
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/page-layout-responsive-panels-title-nodescription.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/responsiveness-survey-layout-page1.png b/visualRegressionTests/tests/defaultV2/etalons/responsiveness-survey-layout-page1.png
index 4d96c71dd5..4cb115cfef 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/responsiveness-survey-layout-page1.png and b/visualRegressionTests/tests/defaultV2/etalons/responsiveness-survey-layout-page1.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/responsiveness-survey-layout-page2.png b/visualRegressionTests/tests/defaultV2/etalons/responsiveness-survey-layout-page2.png
index e1051e5f7d..e7370dc0f2 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/responsiveness-survey-layout-page2.png and b/visualRegressionTests/tests/defaultV2/etalons/responsiveness-survey-layout-page2.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-compact.png b/visualRegressionTests/tests/defaultV2/etalons/survey-compact.png
index c70443d56a..a0e14057b6 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-compact.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-compact.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-custom-navigation.png b/visualRegressionTests/tests/defaultV2/etalons/survey-custom-navigation.png
index 19f9670683..dfffaf3877 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-custom-navigation.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-custom-navigation.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-left.png b/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-left.png
index f2dc652175..4cb11bb625 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-left.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-left.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-matrix-fit-width.png b/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-matrix-fit-width.png
index 2d5f6ca99b..b71774e7d2 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-matrix-fit-width.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-matrix-fit-width.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-mobile-popup.png b/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-mobile-popup.png
index 2fefeb3bf9..b92ca34132 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-mobile-popup.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-mobile-popup.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-mobile.png b/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-mobile.png
index b9223a987d..18a237bbaf 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-mobile.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-mobile.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-right.png b/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-right.png
index ff165b037b..39ddd9c6a0 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-right.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-navigation-toc-right.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-page-without-title-compact.png b/visualRegressionTests/tests/defaultV2/etalons/survey-page-without-title-compact.png
index 48eec8e713..6b08bc755f 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-page-without-title-compact.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-page-without-title-compact.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-bottom-brand.png b/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-bottom-brand.png
index 14bf175f6a..61afed5dc0 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-bottom-brand.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-bottom-brand.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-bottom.png b/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-bottom.png
index cc6ce6bef0..63633bd1de 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-bottom.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-bottom.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-top-buttons.png b/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-top-buttons.png
index c2352c2364..570c8bf3e0 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-top-buttons.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-top-buttons.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-top.png b/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-top.png
index 9548695fa5..f33fd3787c 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-top.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-progress-bar-top.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-with-panel-compact.png b/visualRegressionTests/tests/defaultV2/etalons/survey-with-panel-compact.png
index d0cafa9ee5..500e612883 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-with-panel-compact.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-with-panel-compact.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-with-tilte-and-without-progress.png b/visualRegressionTests/tests/defaultV2/etalons/survey-with-tilte-and-without-progress.png
index 46f5c89845..4e70639477 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-with-tilte-and-without-progress.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-with-tilte-and-without-progress.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-with-width-adaptivity.png b/visualRegressionTests/tests/defaultV2/etalons/survey-with-width-adaptivity.png
index 619075ff76..d39eba7c08 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-with-width-adaptivity.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-with-width-adaptivity.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-with-width.png b/visualRegressionTests/tests/defaultV2/etalons/survey-with-width.png
index c6ade88d6e..de62017dd7 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-with-width.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-with-width.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-without-tilte-and-progress.png b/visualRegressionTests/tests/defaultV2/etalons/survey-without-tilte-and-progress.png
index 26e2bf59a9..6f0851c5b2 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-without-tilte-and-progress.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-without-tilte-and-progress.png differ
diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-without-tilte-and-with-progress.png b/visualRegressionTests/tests/defaultV2/etalons/survey-without-tilte-and-with-progress.png
index 0671b86303..07d1d52832 100644
Binary files a/visualRegressionTests/tests/defaultV2/etalons/survey-without-tilte-and-with-progress.png and b/visualRegressionTests/tests/defaultV2/etalons/survey-without-tilte-and-with-progress.png differ
diff --git a/visualRegressionTests/tests/defaultV2/layout.ts b/visualRegressionTests/tests/defaultV2/layout.ts
new file mode 100644
index 0000000000..7c7871eb42
--- /dev/null
+++ b/visualRegressionTests/tests/defaultV2/layout.ts
@@ -0,0 +1,237 @@
+import { Selector, ClientFunction } from "testcafe";
+import { url, frameworks, initSurvey, url_test, resetFocusToBody, wrapVisualTest, takeElementScreenshot, resetHoverToBody } from "../../helper";
+
+const title = "Survey Layout (paddings, positioning and so on)";
+
+fixture`${title}`.page`${url}`.beforeEach(async (t) => {
+
+});
+
+const applyTheme = ClientFunction(theme => {
+  (<any>window).Survey.StylesManager.applyTheme(theme);
+});
+
+const theme = "defaultV2";
+const pageTitle = "Animals";
+const pageDescription = "Animals are multicellular, eukaryotic organisms in the biological kingdom Animalia. With few exceptions, animals consume organic material, breathe oxygen, are able to move, can reproduce sexually, and grow from a hollow sphere of cells, the blastula, during embryonic development.";
+
+frameworks.forEach(framework => {
+  fixture`${framework} ${title} ${theme}`
+    .page`${url_test}${theme}/${framework}`.beforeEach(async t => { await applyTheme(theme); });
+
+  test("Static - with panels", async (t) => {
+    await wrapVisualTest(t, async (t, comparer) => {
+      await t.resizeWindow(1800, 1000);
+      await initSurvey(framework, {
+        "title": "Static",
+        "description": "",
+        "showQuestionNumbers": false,
+        "widthMode": "static",
+        "pages": [{
+          "name": "page1",
+          "elements": [
+            {
+              type: "text",
+              name: "question1",
+              title: "Question",
+            },
+            {
+              type: "text",
+              name: "question2",
+              title: "Second Question",
+            }
+          ]
+        }]
+      });
+      await ClientFunction(() => {
+        document.body.focus();
+        // (<any>window).survey.showPreview();
+      })();
+
+      const bodyRoot = Selector(".sd-container-modern");
+
+      await takeElementScreenshot("page-layout-panels-notitle-nodescription.png", bodyRoot, t, comparer);
+
+      await ClientFunction((pageTitle) => {
+        (<any>window).survey.pages[0].title = pageTitle;
+        (<any>window).survey.render();
+      })(pageTitle);
+      await takeElementScreenshot("page-layout-panels-title-nodescription.png", bodyRoot, t, comparer);
+
+      await ClientFunction((pageDescription) => {
+        (<any>window).survey.pages[0].description = pageDescription;
+        (<any>window).survey.render();
+      })(pageDescription);
+      await takeElementScreenshot("page-layout-panels-title-description.png", bodyRoot, t, comparer);
+
+      await ClientFunction(() => {
+        (<any>window).survey.pages[0].title = "";
+        (<any>window).survey.render();
+      })();
+      await takeElementScreenshot("page-layout-panels-notitle-description.png", bodyRoot, t, comparer);
+
+    });
+  });
+
+  test("Static - w/o panels", async (t) => {
+    await wrapVisualTest(t, async (t, comparer) => {
+      await t.resizeWindow(1800, 1000);
+      await initSurvey(framework, {
+        "title": "Static",
+        "description": "",
+        "showQuestionNumbers": false,
+        "widthMode": "static",
+        "pages": [{
+          "name": "page1",
+          "elements": [
+            {
+              type: "text",
+              name: "question1",
+              title: "Question",
+            },
+            {
+              type: "text",
+              name: "question2",
+              title: "Second Question",
+            }
+          ]
+        }]
+      });
+      await ClientFunction(() => {
+        document.body.focus();
+        (<any>window).survey.isCompact = true;
+      })();
+
+      const bodyRoot = Selector(".sd-container-modern");
+
+      await takeElementScreenshot("page-layout-compact-notitle-nodescription.png", bodyRoot, t, comparer);
+
+      await ClientFunction((pageTitle) => {
+        (<any>window).survey.pages[0].title = pageTitle;
+        (<any>window).survey.render();
+      })(pageTitle);
+      await takeElementScreenshot("page-layout-compact-title-nodescription.png", bodyRoot, t, comparer);
+
+      await ClientFunction((pageDescription) => {
+        (<any>window).survey.pages[0].description = pageDescription;
+        (<any>window).survey.render();
+      })(pageDescription);
+      await takeElementScreenshot("page-layout-compact-title-description.png", bodyRoot, t, comparer);
+
+      await ClientFunction(() => {
+        (<any>window).survey.pages[0].title = "";
+        (<any>window).survey.render();
+      })();
+      await takeElementScreenshot("page-layout-compact-notitle-description.png", bodyRoot, t, comparer);
+
+    });
+  });
+
+  test("Responsive - with panels", async (t) => {
+    await wrapVisualTest(t, async (t, comparer) => {
+      await t.resizeWindow(1800, 1000);
+      await initSurvey(framework, {
+        "title": "Responsive",
+        "description": "",
+        "showQuestionNumbers": false,
+        "widthMode": "responsive",
+        "pages": [{
+          "name": "page1",
+          "elements": [
+            {
+              type: "text",
+              name: "question1",
+              title: "Question",
+            },
+            {
+              type: "text",
+              name: "question2",
+              title: "Second Question",
+            }
+          ]
+        }]
+      });
+      await ClientFunction(() => {
+        document.body.focus();
+        // (<any>window).survey.showPreview();
+      })();
+
+      const bodyRoot = Selector(".sd-container-modern");
+
+      await takeElementScreenshot("page-layout-responsive-panels-notitle-nodescription.png", bodyRoot, t, comparer);
+
+      await ClientFunction((pageTitle) => {
+        (<any>window).survey.pages[0].title = pageTitle;
+        (<any>window).survey.render();
+      })(pageTitle);
+      await takeElementScreenshot("page-layout-responsive-panels-title-nodescription.png", bodyRoot, t, comparer);
+
+      await ClientFunction((pageDescription) => {
+        (<any>window).survey.pages[0].description = pageDescription;
+        (<any>window).survey.render();
+      })(pageDescription);
+      await takeElementScreenshot("page-layout-responsive-panels-title-description.png", bodyRoot, t, comparer);
+
+      await ClientFunction(() => {
+        (<any>window).survey.pages[0].title = "";
+        (<any>window).survey.render();
+      })();
+      await takeElementScreenshot("page-layout-responsive-panels-notitle-description.png", bodyRoot, t, comparer);
+
+    });
+  });
+
+  test("Reaponsive - w/o panels", async (t) => {
+    await wrapVisualTest(t, async (t, comparer) => {
+      await t.resizeWindow(1800, 1000);
+      await initSurvey(framework, {
+        "title": "Responsive",
+        "description": "",
+        "showQuestionNumbers": false,
+        "widthMode": "responsive",
+        "pages": [{
+          "name": "page1",
+          "elements": [
+            {
+              type: "text",
+              name: "question1",
+              title: "Question",
+            },
+            {
+              type: "text",
+              name: "question2",
+              title: "Second Question",
+            }
+          ]
+        }]
+      });
+      await ClientFunction(() => {
+        document.body.focus();
+        (<any>window).survey.isCompact = true;
+      })();
+
+      const bodyRoot = Selector(".sd-container-modern");
+
+      await takeElementScreenshot("page-layout-responsive-compact-notitle-nodescription.png", bodyRoot, t, comparer);
+
+      await ClientFunction((pageTitle) => {
+        (<any>window).survey.pages[0].title = pageTitle;
+        (<any>window).survey.render();
+      })(pageTitle);
+      await takeElementScreenshot("page-layout-responsive-compact-title-nodescription.png", bodyRoot, t, comparer);
+
+      await ClientFunction((pageDescription) => {
+        (<any>window).survey.pages[0].description = pageDescription;
+        (<any>window).survey.render();
+      })(pageDescription);
+      await takeElementScreenshot("page-layout-responsive-compact-title-description.png", bodyRoot, t, comparer);
+
+      await ClientFunction(() => {
+        (<any>window).survey.pages[0].title = "";
+        (<any>window).survey.render();
+      })();
+      await takeElementScreenshot("page-layout-responsive-compact-notitle-description.png", bodyRoot, t, comparer);
+
+    });
+  });
+});
\ No newline at end of file