3 files changed, 6 insertions, 3 deletions
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 {
diff --git a/extension/react-app/src/pages/history.tsx b/extension/react-app/src/pages/history.tsx
index 2a3070e6..a7e7276d 100644
--- a/extension/react-app/src/pages/history.tsx
+++ b/extension/react-app/src/pages/history.tsx
@@ -13,6 +13,8 @@ const Tr = styled.tr`
   &:hover {
     background-color: ${secondaryDark};
   }
+
+  overflow-wrap: anywhere;
 `;
 
 const parseDate = (date: string): Date => {