diff --git a/src/components/header.tsx b/src/components/header.tsx
new file mode 100644
index 0000000..2b40049
--- /dev/null
+++ b/src/components/header.tsx
@@ -0,0 +1,20 @@
+import { cn } from "@/lib/utils";
+import RunCode from "./run-code";
+
+interface HeaderProps {
+  className?: string;
+}
+
+export function Header({
+  className,
+  ...props
+}: HeaderProps) {
+  return (
+    <header
+      {...props}
+      className={cn("h-12 flex flex-none items-center justify-center", className)}
+    >
+      <RunCode />
+    </header>
+  );
+}