diff --git a/src/components/settings-button.tsx b/src/components/settings-button.tsx
new file mode 100644
index 0000000..377e782
--- /dev/null
+++ b/src/components/settings-button.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { cn } from "@/lib/utils";
+import { SettingsIcon } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
+
+interface SettingsButtonProps {
+  className?: string;
+}
+
+export default function SettingsButton({
+  className,
+  ...props
+}: SettingsButtonProps) {
+  return (
+    <TooltipProvider delayDuration={0}>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Button
+            variant="ghost"
+            className={cn("h-8 w-auto p-2",className)}
+            {...props}
+          >
+            <SettingsIcon size={16} aria-hidden="true" />
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent className="px-2 py-1 text-xs">Settings</TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}