From b6557810d70a7f341761d5018fa2835cc3a50af1 Mon Sep 17 00:00:00 2001
From: Nate Sesti <sestinj@gmail.com>
Date: Tue, 5 Sep 2023 11:41:30 -0700
Subject: fix: :lipstick: fix layout bugs

---
 extension/react-app/src/components/Layout.tsx                | 5 ++---
 extension/react-app/src/components/StyledMarkdownPreview.tsx | 2 ++
 2 files changed, 4 insertions(+), 3 deletions(-)

(limited to 'extension/react-app/src/components')

diff --git a/extension/react-app/src/components/Layout.tsx b/extension/react-app/src/components/Layout.tsx
index 4bc1845f..de8b86d8 100644
--- a/extension/react-app/src/components/Layout.tsx
+++ b/extension/react-app/src/components/Layout.tsx
@@ -67,6 +67,7 @@ const GridDiv = styled.div`
   display: grid;
   grid-template-rows: 1fr auto;
   height: 100vh;
+  overflow-x: visible;
 `;
 
 // #endregion
@@ -142,9 +143,7 @@ const Layout = () => {
         />
 
         <GridDiv>
-          <div>
-            <Outlet />
-          </div>
+          <Outlet />
           <Footer>
             {localStorage.getItem("hideFeature") === "true" || (
               <SparklesIcon
diff --git a/extension/react-app/src/components/StyledMarkdownPreview.tsx b/extension/react-app/src/components/StyledMarkdownPreview.tsx
index c633e621..f77360b2 100644
--- a/extension/react-app/src/components/StyledMarkdownPreview.tsx
+++ b/extension/react-app/src/components/StyledMarkdownPreview.tsx
@@ -14,6 +14,8 @@ const StyledMarkdownPreview = styled(MarkdownPreview)<{ light?: boolean }>`
       props.light ? vscBackground : secondaryDark};
     border-radius: ${defaultBorderRadius};
     border: 0.5px solid ${lightGray};
+
+    max-width: calc(100vw - 24px);
   }
 
   code {
-- 
cgit v1.2.3-70-g09d2