From abdcd4508da787605119af946b0a1f5b40d8b965 Mon Sep 17 00:00:00 2001
From: Syed Muzamil <38078427+SyedMuzamilM@users.noreply.github.com>
Date: Tue, 28 Mar 2023 15:53:34 +0530
Subject: [PATCH] fix: layout shifting on small devices (#258)

* fix: overlap between plus and prompt menu icon

* fix: prompt sidebar not showing on small devices

* fix: layout shifting on small devices when there is a code block
---
 styles/globals.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/styles/globals.css b/styles/globals.css
index 586faf6..c631cf9 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -32,6 +32,12 @@ html {
   background: #202123;
 }
 
+@media (max-width: 720px) {
+  pre {
+    width: calc(100vw - 110px);
+  }
+}
+
 pre:has(div.codeblock) {
   padding: 0;
 }