From bb19ecc81b1c7c647d5936c5bcf848692cce82d4 Mon Sep 17 00:00:00 2001
From: Illia Obukhau <8282906+iobuhov@users.noreply.github.com>
Date: Tue, 5 Dec 2023 15:07:22 +0100
Subject: [PATCH] fix(atlas-core): add default padding for layoutgrid in react
 version

---
 .../web/core/widgets/_scroll-container-dojo.scss     | 10 ----------
 .../web/core/widgets/_scroll-container-react.scss    | 12 ++++++++++++
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/packages/atlas/src/themesource/atlas_core/web/core/widgets/_scroll-container-dojo.scss b/packages/atlas/src/themesource/atlas_core/web/core/widgets/_scroll-container-dojo.scss
index 75c165ad2..83265ffa2 100644
--- a/packages/atlas/src/themesource/atlas_core/web/core/widgets/_scroll-container-dojo.scss
+++ b/packages/atlas/src/themesource/atlas_core/web/core/widgets/_scroll-container-dojo.scss
@@ -69,15 +69,5 @@
     .mx-scrollcontainer .mx-placeholder {
         width: 100%;
         height: 100%;
-
-        .mx-layoutgrid,
-        .mx-layoutgrid-fluid {
-            @include layout-spacing($type: padding, $direction: all, $device: responsive);
-
-            .mx-layoutgrid,
-            .mx-layoutgrid-fluid {
-                padding: 0;
-            }
-        }
     }
 }
diff --git a/packages/atlas/src/themesource/atlas_core/web/core/widgets/_scroll-container-react.scss b/packages/atlas/src/themesource/atlas_core/web/core/widgets/_scroll-container-react.scss
index 3ec10f98a..01e6bbc77 100644
--- a/packages/atlas/src/themesource/atlas_core/web/core/widgets/_scroll-container-react.scss
+++ b/packages/atlas/src/themesource/atlas_core/web/core/widgets/_scroll-container-react.scss
@@ -201,4 +201,16 @@
     .mx-scrollcontainer-slide.mx-scrollcontainer-open > .mx-scrollcontainer-toggleable {
         pointer-events: auto;
     }
+
+    .mx-scrollcontainer-center {
+        .mx-layoutgrid,
+        .mx-layoutgrid-fluid {
+            @include layout-spacing($type: padding, $direction: all, $device: responsive);
+
+            .mx-layoutgrid,
+            .mx-layoutgrid-fluid {
+                padding: 0;
+            }
+        }
+    }
 }