diff --git a/src/components/AppHeader.tsx b/src/components/AppHeader.tsx
index 2b24014..618dc83 100644
--- a/src/components/AppHeader.tsx
+++ b/src/components/AppHeader.tsx
@@ -2,7 +2,6 @@ import { SidebarTrigger } from "./ui/sidebar"
 import { Separator } from "./ui/separator"
 import Search from "@/containers/Search"
 import { Button } from "./ui/button"
-import { useState } from "react"
 import History from "./History"
 import { HistoryIcon } from "lucide-react"
 
diff --git a/src/templates/MainTemplate.tsx b/src/templates/MainTemplate.tsx
index 93f83cb..07cbfd9 100644
--- a/src/templates/MainTemplate.tsx
+++ b/src/templates/MainTemplate.tsx
@@ -2,10 +2,22 @@ import AppHeader from "@/components/AppHeader"
 import { AppSidebar } from "@/containers/AppSidebar"
 import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar"
 import { ThemeProvider } from "@/context/ThemeProvider"
-import { useState } from "react"
+import { useEffect, useState } from "react"
 
 export default function MainTemplate({ children, pageTitle }) {
    const [historyOpen, setHistoryOpen] = useState(false)
+
+   useEffect(() => {
+      const handleKeyDown = (e) => {
+         if ((e.ctrlKey || e.metaKey) && e.key === "h") {
+            e.preventDefault()
+            setHistoryOpen((prev) => !prev)
+         }
+      }
+      document.addEventListener("keydown", handleKeyDown)
+      return () => document.removeEventListener("keydown", handleKeyDown)
+   }, [])
+
    return (
       <ThemeProvider storageKey="app-theme">
          <SidebarProvider variant="inset">