From fa139a40590e7d1049e7e26d49fc24ce14a551e4 Mon Sep 17 00:00:00 2001
From: Clinton <clinton.langosch@gmail.com>
Date: Mon, 30 Aug 2021 11:09:27 -0700
Subject: [PATCH] fix: make slightly more responsive

---
 src/pages/observability-packs.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/pages/observability-packs.js b/src/pages/observability-packs.js
index 68db19320..2c825dd2f 100644
--- a/src/pages/observability-packs.js
+++ b/src/pages/observability-packs.js
@@ -156,7 +156,9 @@ const ObservabilityPacksPage = ({ data, location }) => {
 
           @media screen and (max-width: 760px) {
             grid-template-columns: minmax(0, 1fr);
-            grid-template-areas: 'main';
+            grid-template-areas:
+              'sidebar'
+              'main';
             grid-template-rows: unset;
           }
         `}
@@ -171,7 +173,10 @@ const ObservabilityPacksPage = ({ data, location }) => {
             top: var(--global-header-height);
 
             @media screen and (max-width: 760px) {
-              display: none;
+              display: block;
+              position: relative;
+              width: 100%;
+              height: 100%;
             }
           `}
         >
@@ -184,6 +189,9 @@ const ObservabilityPacksPage = ({ data, location }) => {
               right: 0;
               padding: var(--site-content-padding);
               overflow: auto;
+              @media screen and (max-width: 760px) {
+                position: relative;
+              }
             `}
           >
             <FormControl>