From 01011b47b4b57b1feb811e7ec4d69755a9bc1956 Mon Sep 17 00:00:00 2001
From: shivam-kumar <shivam.kumar@thoughtspot.com>
Date: Mon, 22 Sep 2025 15:34:29 +0530
Subject: [PATCH] SCAL-213939 Adjust document width and scrolling offset for
 improved layout and visibility

---
 src/components/Docmap/index.tsx    | 2 +-
 src/components/Document/index.scss | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Docmap/index.tsx b/src/components/Docmap/index.tsx
index 44325f3da..40b7451f9 100644
--- a/src/components/Docmap/index.tsx
+++ b/src/components/Docmap/index.tsx
@@ -27,7 +27,7 @@ const Docmap = (props: {
                     });
 
                     // Apply offset to keep header visible
-                    window.scrollBy(0, -55);
+                    window.scrollBy(0, -70);
                 }
             }
         } else {
diff --git a/src/components/Document/index.scss b/src/components/Document/index.scss
index 957f0871e..06623644c 100644
--- a/src/components/Document/index.scss
+++ b/src/components/Document/index.scss
@@ -4,7 +4,7 @@
 @import '../../assets/styles/grid.scss';
 
 .documentWrapper {
-    width: calc(100%);
+    width: calc(98%);
     color: var(--primary-color);
 
     .documentView {
@@ -320,13 +320,13 @@ pre {
 
 @media screen and (min-width: $tablet-resolution-min) and (max-width: $tablet-resolution-max) {
     .documentWrapper {
-        width: -webkit-fill-available;
+        width: 96%;
     }
 }
 
 @media screen and (max-width: $tablet-resolution-min) {
     .documentWrapper {
-        width: 100%;
+        width: 94%;
         overflow-x: auto;
         
         pre {