diff --git a/packages/canon/src/components/Container/styles.css b/packages/canon/src/components/Container/styles.css
index 7c7c323cb5..19c6f7ecc5 100644
--- a/packages/canon/src/components/Container/styles.css
+++ b/packages/canon/src/components/Container/styles.css
@@ -1,5 +1,17 @@
 .canon-Container {
-  max-width: 75rem;
+  max-width: 120rem;
   padding: 0 1rem;
   margin: 0 auto;
 }
+
+@media (min-width: 640px) {
+  .canon-Container {
+    padding: 0 2rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .canon-Container {
+    padding: 0 3rem;
+  }
+}