diff --git a/src/components/thread/history/index.tsx b/src/components/thread/history/index.tsx
index 62a88ee..89d34ec 100644
--- a/src/components/thread/history/index.tsx
+++ b/src/components/thread/history/index.tsx
@@ -12,7 +12,7 @@ import {
   SheetTitle,
 } from "@/components/ui/sheet";
 import { Skeleton } from "@/components/ui/skeleton";
-import { PanelRightOpen } from "lucide-react";
+import { PanelRightOpen, PanelRightClose } from "lucide-react";
 import { useMediaQuery } from "@/hooks/useMediaQuery";
 
 function ThreadList({
@@ -97,7 +97,11 @@ export default function ThreadHistory() {
             variant="ghost"
             onClick={() => setChatHistoryOpen((p) => !p)}
           >
-            <PanelRightOpen className="size-5" />
+            {chatHistoryOpen ? (
+              <PanelRightOpen className="size-5" />
+            ) : (
+              <PanelRightClose className="size-5" />
+            )}
           </Button>
           <h1 className="text-xl font-semibold tracking-tight">
             Thread History
diff --git a/src/components/thread/index.tsx b/src/components/thread/index.tsx
index 72b558e..3e379a8 100644
--- a/src/components/thread/index.tsx
+++ b/src/components/thread/index.tsx
@@ -18,6 +18,7 @@ import {
   ArrowDown,
   LoaderCircle,
   PanelRightOpen,
+  PanelRightClose,
   SquarePen,
 } from "lucide-react";
 import { BooleanParam, StringParam, useQueryParam } from "use-query-params";
@@ -223,7 +224,11 @@ export function Thread() {
                 variant="ghost"
                 onClick={() => setChatHistoryOpen((p) => !p)}
               >
-                <PanelRightOpen className="size-5" />
+                {chatHistoryOpen ? (
+                  <PanelRightOpen className="size-5" />
+                ) : (
+                  <PanelRightClose className="size-5" />
+                )}
               </Button>
             )}
           </div>
@@ -238,7 +243,11 @@ export function Thread() {
                     variant="ghost"
                     onClick={() => setChatHistoryOpen((p) => !p)}
                   >
-                    <PanelRightOpen className="size-5" />
+                    {chatHistoryOpen ? (
+                      <PanelRightOpen className="size-5" />
+                    ) : (
+                      <PanelRightClose className="size-5" />
+                    )}
                   </Button>
                 )}
               </div>