From 98675d2dcdda672668b6b109cb7a6d00051f3686 Mon Sep 17 00:00:00 2001
From: tsv2013 <tsv2013@noreply.github.com>
Date: Fri, 24 Nov 2023 16:46:32 +0300
Subject: [PATCH] Work for https://github.com/surveyjs/service/issues/1637 -
 Background image reveals some empty spaces - try to fix vr-tests

---
 src/defaultCss/cssmodern.ts                        | 2 +-
 src/defaultCss/cssstandard.ts                      | 2 +-
 src/defaultCss/defaultV2Css.ts                     | 2 +-
 src/defaultV2-theme/blocks/sd-body.scss            | 2 ++
 tests/markup/snapshots/survey-navigation.snap.html | 2 +-
 5 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/defaultCss/cssmodern.ts b/src/defaultCss/cssmodern.ts
index 5723ac5384..0140b6d42c 100644
--- a/src/defaultCss/cssmodern.ts
+++ b/src/defaultCss/cssmodern.ts
@@ -7,7 +7,7 @@ export var modernCss = {
   header: "sv-title sv-container-modern__title",
   headerClose: "sv-container-modern__close",
   bodyContainer: "sv-components-row",
-  body: "sv-components-column sv-components-column--expandable sv-body",
+  body: "sv-body",
   bodyEmpty: "sv-body sv-body--empty",
   footer: "sv-footer sv-body__footer sv-clearfix",
   title: "",
diff --git a/src/defaultCss/cssstandard.ts b/src/defaultCss/cssstandard.ts
index 7f32d71f8a..0c3da80096 100644
--- a/src/defaultCss/cssstandard.ts
+++ b/src/defaultCss/cssstandard.ts
@@ -5,7 +5,7 @@ export var defaultStandardCss = {
   container: "sv_container",
   header: "sv_header",
   bodyContainer: "sv-components-row",
-  body: "sv-components-column sv-components-column--expandable sv_body",
+  body: "sv_body",
   bodyEmpty: "sv_body sv_body_empty",
   footer: "sv_nav",
   title: "",
diff --git a/src/defaultCss/defaultV2Css.ts b/src/defaultCss/defaultV2Css.ts
index ff0f9772fe..078ec90b5d 100644
--- a/src/defaultCss/defaultV2Css.ts
+++ b/src/defaultCss/defaultV2Css.ts
@@ -22,7 +22,7 @@ export var defaultV2Css = {
   container: "sd-container-modern",
   header: "sd-title sd-container-modern__title",
   bodyContainer: "sv-components-row",
-  body: "sv-components-column sv-components-column--expandable sd-body",
+  body: "sd-body",
   bodyWithTimer: "sd-body--with-timer",
   clockTimerRoot: "sd-timer",
   clockTimerRootTop: "sd-timer--top",
diff --git a/src/defaultV2-theme/blocks/sd-body.scss b/src/defaultV2-theme/blocks/sd-body.scss
index a5dfa0a0b2..97f965438b 100644
--- a/src/defaultV2-theme/blocks/sd-body.scss
+++ b/src/defaultV2-theme/blocks/sd-body.scss
@@ -1,6 +1,8 @@
 @import "../defaultV2-theme/mixins.scss";
+
 .sd-body {
   width: 100%;
+  box-sizing: border-box;
 
   .sd-body__page {
     min-width: min(100%, 300px);
diff --git a/tests/markup/snapshots/survey-navigation.snap.html b/tests/markup/snapshots/survey-navigation.snap.html
index 8c2f0bdaec..4a22c7adcf 100644
--- a/tests/markup/snapshots/survey-navigation.snap.html
+++ b/tests/markup/snapshots/survey-navigation.snap.html
@@ -3,7 +3,7 @@
 <div class="sv_container">
 	<div class="sv-components-row">
 		<div class="sv-components-column sv-components-column--expandable">
-			<div class="sv_body sv_body--static sv-components-column sv-components-column--expandable" id="testidpage0">
+			<div class="sv_body sv_body--static" id="testidpage0">
 				<div class="sv_p_root">
 					<div class="sv_row">
 						<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">