From 593580d64899b1b740515b6f2676a16aeac1154e Mon Sep 17 00:00:00 2001
From: ncoronel <ncoronel@quo.ar>
Date: Fri, 28 Aug 2026 09:23:27 -0300
Subject: [PATCH] fix(store-layout): ensure full width and minimum width for
 layout components

---
 .../core/layout/store-layout/store-layout.component.scss | 4 ++++
 src/styles.scss                                          | 9 +++++++++
 2 files changed, 13 insertions(+)

diff --git a/src/app/core/layout/store-layout/store-layout.component.scss b/src/app/core/layout/store-layout/store-layout.component.scss
index b7649b8..c0dcfee 100644
--- a/src/app/core/layout/store-layout/store-layout.component.scss
+++ b/src/app/core/layout/store-layout/store-layout.component.scss
@@ -1,5 +1,7 @@
 :host {
   display: flex;
+  width: 100%;
+  min-width: 0;
   min-height: 100dvh;
   background: #f5f5f5;
   color: #202020;
@@ -7,6 +9,8 @@
 
 .store-layout {
   position: relative;
+  width: 100%;
+  min-width: 0;
 }
 
 .store-layout__cart-overlay {
diff --git a/src/styles.scss b/src/styles.scss
index 8463b94..365e075 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -6,6 +6,15 @@
 
 @import '../node_modules/bootstrap/scss/bootstrap';
 
+html,
+body,
+app-root {
+  width: 100%;
+  min-height: 100%;
+  margin: 0;
+  background: #f5f5f5;
+}
+
 :root,
 app-root {
   --border-color: #dddddd;