diff --git a/app/components/chat/BaseChat.tsx b/app/components/chat/BaseChat.tsx
index d3ff255e..c5b50c01 100644
--- a/app/components/chat/BaseChat.tsx
+++ b/app/components/chat/BaseChat.tsx
@@ -348,8 +348,8 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
               </div>
             )}
             <StickToBottom
-              className={classNames('modern-scrollbar pt-6 px-2 sm:px-6 relative', {
-                'h-full flex flex-col': chatStarted,
+              className={classNames('pt-6 px-2 sm:px-6 relative', {
+                'h-full flex flex-col modern-scrollbar': chatStarted,
               })}
               resize="smooth"
               initial="smooth"