diff --git a/src/css/custom.css b/src/css/custom.css
index 971e3053e8..8e56499f9f 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -424,11 +424,12 @@ hr {
     @apply leading-[1.4];
 }
 
-.theme-doc-markdown h1,
-.theme-doc-markdown h2,
-.theme-doc-markdown h3,
-.theme-doc-markdown h4,
-.theme-doc-markdown h5,
-.theme-doc-markdown h6 {
-    @apply scroll-mt-[10rem];
+/* Custom scroll margin and word break for headers */
+.theme-doc-markdown :is(h1, h2, h3, h4, h5, h6) {
+    @apply scroll-mt-[10rem] break-all;
+}
+
+/* Override custom word break for headers inside <header> tag */
+.theme-doc-markdown header :is(h1, h2, h3, h4, h5, h6) {
+    @apply break-normal;
 }
diff --git a/src/theme/DocItem/index.tsx b/src/theme/DocItem/index.tsx
index d17602d9bc..5abc772952 100644
--- a/src/theme/DocItem/index.tsx
+++ b/src/theme/DocItem/index.tsx
@@ -38,7 +38,6 @@ export default function DocItemWrapper(props: Props): ReactNode {
                 <div className="col flex-1 min-w-0">
                     <DocItem {...props} />
                 </div>
-                {!isHomepage && <div className="col col--3 lg:block"></div>}
             </div>
         </>
     );