diff --git a/components/Chat/Temperature.tsx b/components/Chat/Temperature.tsx
index 783e11d..e4ebd28 100644
--- a/components/Chat/Temperature.tsx
+++ b/components/Chat/Temperature.tsx
@@ -39,7 +39,9 @@ export const TemperatureSlider: FC<Props> = ({
           'Higher values like 0.8 will make the output more random, while lower values like 0.2 will make it more focused and deterministic.',
         )}
       </span>
-      <span className="mt-2 mb-1 text-center">{temperature.toFixed(1)}</span>
+      <span className="mt-2 mb-1 text-center text-neutral-900 dark:text-neutral-100">
+        {temperature.toFixed(1)}
+      </span>
       <input
         className="cursor-pointer"
         type="range"
@@ -49,7 +51,7 @@ export const TemperatureSlider: FC<Props> = ({
         value={temperature}
         onChange={handleChange}
       />
-      <ul className="w mt-2 pb-8 flex justify-between px-[24px]">
+      <ul className="w mt-2 pb-8 flex justify-between px-[24px] text-neutral-900 dark:text-neutral-100">
         <li className="relative flex justify-center">
           <span className="absolute">{t('Precise')}</span>
         </li>