diff --git a/src/assets/search_bg_light.png b/src/assets/search_bg_light.png
index 4cd5e0e0..940986c7 100644
Binary files a/src/assets/search_bg_light.png and b/src/assets/search_bg_light.png differ
diff --git a/src/components/ChatAI/Chat.tsx b/src/components/ChatAI/Chat.tsx
index ece0ca75..2f3326e5 100644
--- a/src/components/ChatAI/Chat.tsx
+++ b/src/components/ChatAI/Chat.tsx
@@ -284,7 +284,7 @@ export default function ChatAI({ changeMode, inputValue }: ChatAIProps) {
 
         {/* Main content */}
         <div
-          className={`flex-1 flex flex-col rounded-xl overflow-hidden bg-chat_bg_light dark:bg-chat_bg_dark bg-center`}
+          className={`flex-1 flex flex-col rounded-xl overflow-hidden bg-chat_bg_light dark:bg-chat_bg_dark bg-cover`}
         >
           <motion.div
             initial={{ opacity: 0, y: -20 }}
diff --git a/src/components/ChatAI/ChatInput.tsx b/src/components/ChatAI/ChatInput.tsx
index c3e8c9d1..99e6e3b2 100644
--- a/src/components/ChatAI/ChatInput.tsx
+++ b/src/components/ChatAI/ChatInput.tsx
@@ -59,7 +59,7 @@ export function ChatInput({
 
   return (
     <form onSubmit={handleSubmit} className="w-full rounded-xl overflow-hidden">
-      <div className="bg-inputbox_bg_light dark:bg-inputbox_bg_dark bg-center rounded-xl">
+      <div className="bg-inputbox_bg_light dark:bg-inputbox_bg_dark bg-cover rounded-xl">
         {/* Search Bar */}
         <div className="relative">
           <div className="p-[13px] flex items-center bg-white dark:bg-[#202126] rounded-xl transition-all">
diff --git a/src/components/SearchChat/DropdownList.tsx b/src/components/SearchChat/DropdownList.tsx
index eac03045..5cddf2e4 100644
--- a/src/components/SearchChat/DropdownList.tsx
+++ b/src/components/SearchChat/DropdownList.tsx
@@ -67,7 +67,7 @@ function DropdownList({ selected, suggests, isSearchComplete }: DropdownListProp
   return (
     <div
       ref={containerRef}
-      className="h-[calc(100vh-100px)] mt-2.5 pb-10 flex flex-col bg-search_bg_light dark:bg-chat_bg_dark bg-center rounded-xl overflow-hidden focus:outline-none"
+      className="h-[calc(100vh-100px)] mt-2.5 pb-10 flex flex-col bg-search_bg_light dark:bg-chat_bg_dark bg-cover rounded-xl overflow-hidden focus:outline-none"
       tabIndex={0}
       onKeyDown={handleKeyDown}
     >
diff --git a/src/components/SearchChat/Search.tsx b/src/components/SearchChat/Search.tsx
index 9e0d5bf3..92047e8d 100644
--- a/src/components/SearchChat/Search.tsx
+++ b/src/components/SearchChat/Search.tsx
@@ -119,7 +119,7 @@ function Search({ changeMode, changeInput, isChatMode }: SearchProps) {
       className={`min-h-screen flex items-start justify-center rounded-xl overflow-hidden`}
     >
       <div className="w-full rounded-xl overflow-hidden">
-        <div className="bg-inputbox_bg_light dark:bg-inputbox_bg_dark bg-center rounded-xl">
+        <div className="bg-inputbox_bg_light dark:bg-inputbox_bg_dark bg-cover rounded-xl">
           {/* Search Bar */}
           <div className="relative">
             <div className="p-[13px] flex items-center dark:text-[#D8D8D8] bg-white dark:bg-[#202126] rounded-xl transition-all">