From e5eb04d9f77c05e5f190e1553d3466dd5695c426 Mon Sep 17 00:00:00 2001
From: Charles Lee <charles.lee@shopify.com>
Date: Tue, 14 Feb 2023 15:17:53 +1100
Subject: [PATCH] fix examples rendering in tablet width on large screen sizes
 site-wide

---
 .../src/components/Container/Container.module.scss              | 2 +-
 polaris.shopify.com/src/components/Page/Page.module.scss        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/polaris.shopify.com/src/components/Container/Container.module.scss b/polaris.shopify.com/src/components/Container/Container.module.scss
index bb8bbe16e8a..0f35a77635f 100644
--- a/polaris.shopify.com/src/components/Container/Container.module.scss
+++ b/polaris.shopify.com/src/components/Container/Container.module.scss
@@ -5,7 +5,7 @@
   margin-left: auto;
   margin-right: auto;
   max-width: $pageMaxWidth;
-  padding: 0 4rem;
+  padding: 0 1.5rem;
 
   @media screen and (max-width: $breakpointTablet) {
     padding: 0 1.25rem;
diff --git a/polaris.shopify.com/src/components/Page/Page.module.scss b/polaris.shopify.com/src/components/Page/Page.module.scss
index 3bb4bcf1f36..bd01dd8a719 100644
--- a/polaris.shopify.com/src/components/Page/Page.module.scss
+++ b/polaris.shopify.com/src/components/Page/Page.module.scss
@@ -23,7 +23,7 @@
 .Page {
   --toc-width: 16rem;
   display: flex;
-  gap: 5rem;
+  gap: 2.5rem;
 }
 
 .Post {