From 1ab12cc5bc579db005e1df61c8607363ec6f492b Mon Sep 17 00:00:00 2001
From: srivastavaayush1611LT <ayushsrivastava@lambdatest.com>
Date: Mon, 20 Apr 2026 16:19:32 +0530
Subject: [PATCH 1/2] Fix FAQ layout: left-align content and add border
 separator

- Change justify-content from center to flex-start
- Increase max-width from 780px to 900px
- Add left border separator like API/Docs pages

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/pages/faq/styles.module.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/faq/styles.module.css b/src/pages/faq/styles.module.css
index dd012caf3..09e786189 100644
--- a/src/pages/faq/styles.module.css
+++ b/src/pages/faq/styles.module.css
@@ -5,17 +5,18 @@
   min-height: calc(100vh - 100px);
 }
 
-/* Stretches to fill remaining space and centers the content column */
+/* Stretches to fill remaining space */
 .faqContentWrapper {
   flex: 1;
   min-width: 0;
   display: flex;
-  justify-content: center;
+  justify-content: flex-start;
+  border-left: 1px solid var(--ifm-color-emphasis-200);
 }
 
 .faqCenter {
   width: 100%;
-  max-width: 780px;
+  max-width: 900px;
   padding: 32px 40px;
   padding-bottom: 100px;
 }

From e5e3cff65acab0a81f591bd0d380aabef9324be8 Mon Sep 17 00:00:00 2001
From: srivastavaayush1611LT <ayushsrivastava@lambdatest.com>
Date: Wed, 22 Apr 2026 19:19:36 +0530
Subject: [PATCH 2/2] Add visible horizontal scrollbar to FAQ tab bars

- Show native scrollbar (4px height) for tab overflow
- Gray thumb with hover state
- Applied to main tabs and HyperExecute sub-tabs

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/pages/faq/styles.module.css | 38 +++++++++++++++++++++++++++++----
 1 file changed, 34 insertions(+), 4 deletions(-)

diff --git a/src/pages/faq/styles.module.css b/src/pages/faq/styles.module.css
index 09e786189..2cb6791e1 100644
--- a/src/pages/faq/styles.module.css
+++ b/src/pages/faq/styles.module.css
@@ -44,11 +44,26 @@
   border-bottom: 1px solid var(--ifm-color-emphasis-200);
   margin-bottom: 20px;
   overflow-x: auto;
-  scrollbar-width: none;
+  scrollbar-width: thin;
+  scrollbar-color: #9ca3af transparent;
+  padding-bottom: 8px;
 }
 
 .tabBar::-webkit-scrollbar {
-  display: none;
+  height: 4px;
+}
+
+.tabBar::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.tabBar::-webkit-scrollbar-thumb {
+  background-color: #9ca3af;
+  border-radius: 2px;
+}
+
+.tabBar::-webkit-scrollbar-thumb:hover {
+  background-color: #6b7280;
 }
 
 .tabBtn {
@@ -169,11 +184,26 @@
   border-bottom: 1px solid var(--ifm-color-emphasis-200);
   margin-bottom: 16px;
   overflow-x: auto;
-  scrollbar-width: none;
+  scrollbar-width: thin;
+  scrollbar-color: #9ca3af transparent;
+  padding-bottom: 6px;
 }
 
 .subTabBar::-webkit-scrollbar {
-  display: none;
+  height: 4px;
+}
+
+.subTabBar::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.subTabBar::-webkit-scrollbar-thumb {
+  background-color: #9ca3af;
+  border-radius: 2px;
+}
+
+.subTabBar::-webkit-scrollbar-thumb:hover {
+  background-color: #6b7280;
 }
 
 .subTabBtn {