From a8b47d18a37f2b4759d033f644b54f85de22eb7b Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Wed, 21 Feb 2024 23:38:03 -0500
Subject: [PATCH] fix: Comment sidebar overflows screen at wide phone
 responsive size.

closes OLN-266
---
 app/components/Sidebar/Right.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/app/components/Sidebar/Right.tsx b/app/components/Sidebar/Right.tsx
index 2ebf8c28f..800c0eb02 100644
--- a/app/components/Sidebar/Right.tsx
+++ b/app/components/Sidebar/Right.tsx
@@ -67,13 +67,10 @@ function Right({ children, border, className }: Props) {
   }, [isResizing, handleDrag, handleStopDrag]);
 
   const style = React.useMemo(
-    () =>
-      isMobile
-        ? { width: "80%" }
-        : {
-            width: `${ui.sidebarRightWidth}px`,
-          },
-    [isMobile, ui.sidebarRightWidth]
+    () => ({
+      width: `${ui.sidebarRightWidth}px`,
+    }),
+    [ui.sidebarRightWidth]
   );
 
   const animationProps = {
@@ -115,6 +112,7 @@ const Position = styled(Flex)`
   position: fixed;
   top: 0;
   bottom: 0;
+  max-width: 80%;
 `;
 
 const Sidebar = styled(m.div)<{