diff --git a/packages/core/src/components/container/container.scss b/packages/core/src/components/container/container.scss
index 534f36571..7915c08c5 100644
--- a/packages/core/src/components/container/container.scss
+++ b/packages/core/src/components/container/container.scss
@@ -3,6 +3,7 @@
 /* We need to use !important to override the default styles used by techniques like * { padding: 0, margin: 0 }, it is very common inside projects and override values without !important :( */
 
 :host {
+  box-sizing: border-box;
   display: block;
   margin-left: auto !important;
   margin-right: auto !important;