diff --git a/client/src/components/Input/OpenAIOptions/Settings.jsx b/client/src/components/Input/OpenAIOptions/Settings.jsx
index 484ef76b3f..40e92daf03 100644
--- a/client/src/components/Input/OpenAIOptions/Settings.jsx
+++ b/client/src/components/Input/OpenAIOptions/Settings.jsx
@@ -12,7 +12,7 @@ const defaultTextProps =
 const optionText =
   'p-0 shadow-none text-right pr-1 h-8 border-transparent focus:ring-[#10a37f] focus:ring-offset-0 focus:ring-opacity-100';
 
-function Settings() {
+function Settings({ isOpen }) {
   const [chatGptLabel, setChatGptLabel] = useState('');
   const [promptPrefix, setPromptPrefix] = useState('');
   const [temperature, setTemperature] = useState(1);
diff --git a/client/src/components/Input/OpenAIOptions/index.jsx b/client/src/components/Input/OpenAIOptions/index.jsx
index cf79f1ac92..74c0903940 100644
--- a/client/src/components/Input/OpenAIOptions/index.jsx
+++ b/client/src/components/Input/OpenAIOptions/index.jsx
@@ -82,7 +82,7 @@ function OpenAIOptions() {
           )}
           onClick={triggerAdvancedMode}
         >
-          <Settings2 className="w-4 text-gray-600" />
+          <Settings2 className="w-4 text-gray-600 dark:text-white" />
         </Button>
       </div>
       <div
@@ -108,7 +108,7 @@ function OpenAIOptions() {
             </Button>
           </div>
           <div className="h-[375px] p-5">
-            <Settings />
+            <Settings isOpen={advancedMode}/>
           </div>
         </div>
       </div>