From 1ca299fe18602e6794ce1ef07fb6d9c5a2d199f4 Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Thu, 15 Aug 2024 08:49:16 +0100
Subject: [PATCH] Add spacing to sidebar demo

---
 src/sidebar/index.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/sidebar/index.scss b/src/sidebar/index.scss
index e64c3ec..09c506f 100644
--- a/src/sidebar/index.scss
+++ b/src/sidebar/index.scss
@@ -60,10 +60,10 @@ main {
 .content-wrapper {
   display: grid;
   width: $content-width * (1 + $bleed-ratio);
-  max-width: 100vw;
+  max-width: 100%;
   grid-template-columns:
     1fr
-    min($content-width, 100vw)
+    min($content-width, 100%)
     1fr;
 
   & > * {
@@ -99,6 +99,7 @@ main {
   main {
     flex-direction: column-reverse;
     align-items: center;
+    padding: 0 1rem;
   }
 
   .spacer {
@@ -108,7 +109,8 @@ main {
   .sidebar {
     flex-basis: unset;
     width: $content-width;
-    max-width: 100vw;
+    max-width: 100%;
+    min-width: unset;
 
     .sidebar-inner {
       position: unset;