From 877b4dcf3a50b55fe23f1a0eb847e386a73beafa Mon Sep 17 00:00:00 2001
From: gopu-bruno <gopu@usebruno.com>
Date: Thu, 1 Jan 2026 23:52:38 +0530
Subject: [PATCH] fix: folder docs save button visibility issue (#6617)

---
 .../FolderSettings/Documentation/index.js     | 39 ++++++++++++-------
 1 file changed, 24 insertions(+), 15 deletions(-)

diff --git a/packages/bruno-app/src/components/FolderSettings/Documentation/index.js b/packages/bruno-app/src/components/FolderSettings/Documentation/index.js
index 35decfcfe..20b485698 100644
--- a/packages/bruno-app/src/components/FolderSettings/Documentation/index.js
+++ b/packages/bruno-app/src/components/FolderSettings/Documentation/index.js
@@ -7,6 +7,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { saveFolderRoot } from 'providers/ReduxStore/slices/collections/actions';
 import Markdown from 'components/MarkDown';
 import CodeEditor from 'components/CodeEditor';
+import Button from 'ui/Button';
 import StyledWrapper from './StyledWrapper';
 
 const Documentation = ({ collection, folder }) => {
@@ -37,27 +38,35 @@ const Documentation = ({ collection, folder }) => {
   }
 
   return (
-    <StyledWrapper className="mt-1 h-full w-full relative flex flex-col">
-      <div className="editing-mode flex justify-between items-center" role="tab" onClick={toggleViewMode}>
+    <StyledWrapper className="mt-1 w-full relative flex flex-col">
+      <div className="editing-mode flex justify-between items-center flex-shrink-0" role="tab" onClick={toggleViewMode}>
         {isEditing ? 'Preview' : 'Edit'}
       </div>
 
       {isEditing ? (
-        <div className="mt-2 flex-1 max-h-[70vh]">
-          <CodeEditor
-            collection={collection}
-            theme={displayedTheme}
-            value={docs || ''}
-            onEdit={onEdit}
-            onSave={onSave}
-            mode="application/text"
-          />
-          <button type="submit" className="submit btn btn-sm btn-secondary my-6" onClick={onSave}>
-            Save
-          </button>
+        <div className="flex flex-col flex-1 min-h-0">
+          <div className="mt-2 flex-1 overflow-auto min-h-0">
+            <CodeEditor
+              collection={collection}
+              theme={displayedTheme}
+              value={docs || ''}
+              onEdit={onEdit}
+              onSave={onSave}
+              font={get(preferences, 'font.codeFont', 'default')}
+              fontSize={get(preferences, 'font.codeFontSize')}
+              mode="application/text"
+            />
+          </div>
+          <div className="mt-6 flex-shrink-0">
+            <Button type="submit" size="sm" onClick={onSave}>
+              Save
+            </Button>
+          </div>
         </div>
       ) : (
-        <Markdown collectionPath={collection.pathname} onDoubleClick={toggleViewMode} content={docs} />
+        <div className="h-full">
+          <Markdown collectionPath={collection.pathname} onDoubleClick={toggleViewMode} content={docs} />
+        </div>
       )}
     </StyledWrapper>
   );