From 7eea941f3423d5372fbf4a3d17a1ab70ee774456 Mon Sep 17 00:00:00 2001
From: Ruslan Matkovskyi <rusm@sitecore.net>
Date: Tue, 3 Oct 2023 21:53:49 +0200
Subject: [PATCH]  #598669: [templates/nextjs-sxa] fixed styles(hide horizontal
 scrollbar)

---
 .../src/templates/nextjs-sxa/src/assets/sass/_app.scss     | 4 ----
 .../src/assets/sass/components/_component-container.scss   | 7 ++++++-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/_app.scss b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/_app.scss
index c86027153c..22ded5b85d 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/_app.scss
+++ b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/_app.scss
@@ -100,7 +100,3 @@ ul li {
   color:#fff;
   max-width: 500px;
 }
-
-.editing-mode {
-  padding: 0 8px;
-}
diff --git a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/components/_component-container.scss b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/components/_component-container.scss
index 5b3b15ea40..d4b62d02b2 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/components/_component-container.scss
+++ b/packages/create-sitecore-jss/src/templates/nextjs-sxa/src/assets/sass/components/_component-container.scss
@@ -1,11 +1,17 @@
 @import '@sass/abstracts/mixins';
 
+$size-padding: 8px;
 .container-wrapper {
   width: 100%;
 }
 
 .component {
   position: relative;
+  padding: 0 $size-padding;
+
+  @include respond-to(all-mobile) {
+    padding: 0;
+  }
 }
 
 .container {
@@ -18,5 +24,4 @@
   .component-content {
     @include clearfix();
   }
-
 }