From 9aea6ff43f9f70400f9e042b6c4a8f93d1f272b9 Mon Sep 17 00:00:00 2001
From: pablodanswer <pablo@danswer.ai>
Date: Sun, 1 Dec 2024 10:31:04 -0800
Subject: [PATCH] minor nit

---
 web/src/app/chat/documentSidebar/ChatFilters.tsx | 2 +-
 web/src/components/chat_search/Header.tsx        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/app/chat/documentSidebar/ChatFilters.tsx b/web/src/app/chat/documentSidebar/ChatFilters.tsx
index e6446337a0c..7eeababb2d2 100644
--- a/web/src/app/chat/documentSidebar/ChatFilters.tsx
+++ b/web/src/app/chat/documentSidebar/ChatFilters.tsx
@@ -110,7 +110,7 @@ export const ChatFilters = forwardRef<HTMLDivElement, ChatFiltersProps>(
               </button>
             </div>
             <div className="border-b border-divider-history-sidebar-bar mx-3" />
-            <div className="overflow-y-auto flex-grow gap-y-0 default-scrollbar dark-scrollbar flex flex-col">
+            <div className="overflow-y-auto -mx-1 sm:mx-0 flex-grow gap-y-0 default-scrollbar dark-scrollbar flex flex-col">
               {showFilters ? (
                 <SourceSelector
                   modal={modal}
diff --git a/web/src/components/chat_search/Header.tsx b/web/src/components/chat_search/Header.tsx
index f1120728a47..934926f6c1a 100644
--- a/web/src/components/chat_search/Header.tsx
+++ b/web/src/components/chat_search/Header.tsx
@@ -154,7 +154,7 @@ export default function FunctionalHeader({
         </div>
 
         {page != "assistants" && (
-          <div className="h-20 left-0 absolute top-0 z-10 w-[80%] bg-gradient-to-b via-50% z-[-1] from-background via-background to-background/10 flex" />
+          <div className="h-20 absolute top-0 left-1/2 transform -translate-x-1/2 z-10  w-full sm:w-[90%] lg:w-[70%] bg-gradient-to-b via-50% z-[-1] from-background via-background to-background/10 flex" />
         )}
       </div>
     </div>