diff --git a/app/page.tsx b/app/page.tsx
index 40b5bae..2f7f3f7 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -6,7 +6,7 @@ export default function Home() {
         <>
             <Header />
             <div className="mt-6 mx-auto max-w-3xl px-4">
-                <p className="mb-3 border-b-4 border-indigo-300 pl-2 text-2xl font-bold">
+                <p className="mb-3 border-b-4 border-indigo-600 bg-indigo-600/20 p-1 text-2xl font-bold">
                     歴史
                 </p>
                 <Timeline
diff --git a/components/pages/home/header.tsx b/components/pages/home/header.tsx
index ec132f5..b71fc01 100644
--- a/components/pages/home/header.tsx
+++ b/components/pages/home/header.tsx
@@ -1,5 +1,5 @@
 import Image from "next/image";
-import { Github, X } from "iconoir-react";
+import { ArrowDown, Github, PageDown, X } from "iconoir-react";
 import Link from "next/link";
 
 const SNSIcons = [
@@ -42,6 +42,9 @@ const Header: React.FC = async () => {
                         </Link>
                     ))}
                 </div>
+                <div className="mt-6 flex justify-center">
+                    <ArrowDown className="animate-bounce" />
+                </div>
             </div>
         </header>
     );