From f7cf33c61b53610dfdb08365f1e9113bd179dc00 Mon Sep 17 00:00:00 2001
From: Mohith Gadireddy <88539464+Mohith234@users.noreply.github.com>
Date: Tue, 26 Dec 2023 08:38:05 +0530
Subject: [PATCH] fix: Layout issue in the singleplayer mode (#759)

Fixes #744
---
 .../ui/primitives/document-flow/document-flow-root.tsx   | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/packages/ui/primitives/document-flow/document-flow-root.tsx b/packages/ui/primitives/document-flow/document-flow-root.tsx
index 42b70c58a..74a232e1d 100644
--- a/packages/ui/primitives/document-flow/document-flow-root.tsx
+++ b/packages/ui/primitives/document-flow/document-flow-root.tsx
@@ -22,12 +22,12 @@ export const DocumentFlowFormContainer = ({
     <form
       id={id}
       className={cn(
-        'dark:bg-background border-border bg-widget sticky top-20 flex h-full max-h-[64rem] flex-col rounded-xl border px-4 py-6',
+        'dark:bg-background border-border bg-widget sticky top-20 flex h-full max-h-[64rem] flex-col overflow-auto rounded-xl border px-4 py-6',
         className,
       )}
       {...props}
     >
-      <div className={cn('-mx-2 flex flex-1 flex-col overflow-hidden px-2')}>{children}</div>
+      <div className={cn('-mx-2 flex flex-1 flex-col px-2')}>{children}</div>
     </form>
   );
 };
@@ -63,10 +63,7 @@ export const DocumentFlowFormContainerContent = ({
 }: DocumentFlowFormContainerContentProps) => {
   return (
     <div
-      className={cn(
-        'custom-scrollbar -mx-2 flex flex-1 flex-col overflow-y-auto overflow-x-hidden px-2',
-        className,
-      )}
+      className={cn('custom-scrollbar -mx-2 flex flex-1 flex-col overflow-hidden px-2', className)}
       {...props}
     >
       <div className="flex flex-1 flex-col">{children}</div>