diff --git a/frontend/src/pages/GeneralSettings/Settings/Chat/index.jsx b/frontend/src/pages/GeneralSettings/Settings/Chat/index.jsx
index b82b864f6e1..bd32e4ff8bf 100644
--- a/frontend/src/pages/GeneralSettings/Settings/Chat/index.jsx
+++ b/frontend/src/pages/GeneralSettings/Settings/Chat/index.jsx
@@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
 import AutoSubmit from "../components/AutoSubmit";
 import AutoSpeak from "../components/AutoSpeak";
 import SpellCheck from "../components/SpellCheck";
+import ShowScrollbar from "../components/ShowScrollbar";
 
 export default function ChatSettings() {
   const { t } = useTranslation();
@@ -29,6 +30,7 @@ export default function ChatSettings() {
           <AutoSubmit />
           <AutoSpeak />
           <SpellCheck />
+          <ShowScrollbar />
         </div>
       </div>
     </div>
diff --git a/frontend/src/pages/GeneralSettings/Settings/Interface/index.jsx b/frontend/src/pages/GeneralSettings/Settings/Interface/index.jsx
index c55924812b0..2d82edc93a4 100644
--- a/frontend/src/pages/GeneralSettings/Settings/Interface/index.jsx
+++ b/frontend/src/pages/GeneralSettings/Settings/Interface/index.jsx
@@ -2,7 +2,6 @@ import Sidebar from "@/components/SettingsSidebar";
 import { isMobile } from "react-device-detect";
 import { useTranslation } from "react-i18next";
 import LanguagePreference from "../components/LanguagePreference";
-import ShowScrollbar from "../components/ShowScrollbar";
 import ThemePreference from "../components/ThemePreference";
 import { MessageDirection } from "../components/MessageDirection";
 
@@ -30,7 +29,6 @@ export default function InterfaceSettings() {
           <ThemePreference />
           <LanguagePreference />
           <MessageDirection />
-          <ShowScrollbar />
         </div>
       </div>
     </div>