diff --git a/src/components/Option/Playground/PlaygroundForm.tsx b/src/components/Option/Playground/PlaygroundForm.tsx
index 85a0bc6..42c2cc8 100644
--- a/src/components/Option/Playground/PlaygroundForm.tsx
+++ b/src/components/Option/Playground/PlaygroundForm.tsx
@@ -205,7 +205,7 @@ export const PlaygroundForm = ({ dropedFile }: Props) => {
   return (
     <div
       className={`px-3 pt-3 bg-gray-100 dark:bg-[#262626] border rounded-t-xl  dark:border-gray-600
-    ${temporaryChat && "!bg-gray-300 dark:!bg-black "}
+    ${temporaryChat && "!bg-gray-200 dark:!bg-black "}
     `}>
       <div
         className={`h-full rounded-md shadow relative ${
@@ -231,7 +231,7 @@ export const PlaygroundForm = ({ dropedFile }: Props) => {
       <div>
         <div
           className={`flex rounded-t-xl bg-white dark:bg-transparent ${
-            temporaryChat && "!bg-gray-300 dark:!bg-black"
+            temporaryChat && "!bg-gray-100 dark:!bg-black"
           }`}>
           <form
             onSubmit={form.onSubmit(async (value) => {
diff --git a/src/components/Select/index.tsx b/src/components/Select/index.tsx
index 01a7c5e..033efac 100644
--- a/src/components/Select/index.tsx
+++ b/src/components/Select/index.tsx
@@ -175,10 +175,11 @@ export const PageAssistSelect: React.FC<SelectProps> = ({
     flex items-center justify-between p-2.5 rounded-lg border
     ${disabled || isLoading ? "cursor-not-allowed opacity-50" : "cursor-pointer"}
     ${isOpen ? "ring-2 ring-blue-500" : ""}
-    bg-transparent border-gray-200 text-gray-900
+    bg-transparent border-gray-300 text-gray-900
     transition-all duration-200
     dark:text-white
     dark:border-[#353534]
+    bg-white dark:bg-[#171717]
   `
 
   const defaultDropdownClass = `