diff --git a/app/components/home.module.scss b/app/components/home.module.scss
index 2fc3a9027..a6d50c08d 100644
--- a/app/components/home.module.scss
+++ b/app/components/home.module.scss
@@ -65,12 +65,11 @@
   .sidebar-search-bar {
     display: flex;
     flex-direction: column;
-    margin-bottom: 10px;
+    margin-bottom: 15px;
 
     .sidebar-search-bar-input {
       position: relative;
       width: 100%;
-      margin-bottom: 5px;
 
       .search-icon {
         position: absolute;
@@ -90,12 +89,17 @@
         height: 16px;
       }
 
-      input {
+      .search-input {
         text-align: left;
         max-width: 100%;
         width: inherit;
         padding-left: 35px;
         padding-right: 35px;
+        outline: none;
+      }
+      
+      .search-input:focus {
+        border: 1px solid var(--primary);
       }
     }
 
diff --git a/app/components/plugin.module.scss b/app/components/plugin.module.scss
index 2f4a3aeb4..ba9f382e4 100644
--- a/app/components/plugin.module.scss
+++ b/app/components/plugin.module.scss
@@ -21,6 +21,11 @@
         flex-grow: 1;
         max-width: 100%;
         min-width: 0;
+        outline: none;
+      }
+
+      .search-bar:focus {
+        border: 1px solid var(--primary);
       }
 
       .plugin-filter-lang {
diff --git a/app/components/search-bar.tsx b/app/components/search-bar.tsx
index e462ef664..317d5ed09 100644
--- a/app/components/search-bar.tsx
+++ b/app/components/search-bar.tsx
@@ -16,6 +16,7 @@ import CloseIcon from "../icons/close.svg";
 import { Markdown } from "./markdown";
 import { useNavigate } from "react-router-dom";
 import { Path } from "@/app/constant";
+import Locale from "../locales";
 
 interface SearchResult {
   sessionId: string;
@@ -209,12 +210,14 @@ function SearchBarComponent(
       <div className={styles["sidebar-search-bar-input"]}>
         <SearchIcon className={styles["search-icon"]} />
         <input
+          className={styles["search-input"]}
           ref={inputRef}
           type="text"
           value={input}
           onChange={(e) => handleChange(e.target.value)}
           onFocus={handleFocus}
           onBlur={handleBlur}
+          placeholder={Locale.Home.Search}
         />
         {input.trim().length > 0 && (
           <IconButton
diff --git a/app/locales/cn.ts b/app/locales/cn.ts
index 97be3bbe0..e8368f89e 100644
--- a/app/locales/cn.ts
+++ b/app/locales/cn.ts
@@ -125,6 +125,7 @@ const cn = {
     DeleteChat: "确认删除选中的对话？",
     DeleteToast: "已删除会话",
     Revert: "撤销",
+    Search: "搜索聊天",
   },
   Settings: {
     Title: "设置",
diff --git a/app/locales/en.ts b/app/locales/en.ts
index 61d83f8f6..1ea425087 100644
--- a/app/locales/en.ts
+++ b/app/locales/en.ts
@@ -128,6 +128,7 @@ const en: LocaleType = {
     DeleteChat: "Confirm to delete the selected conversation?",
     DeleteToast: "Chat Deleted",
     Revert: "Revert",
+    Search: "Search Chat",
   },
   Settings: {
     Title: "Settings",