diff --git a/src/App.tsx b/src/App.tsx
index 042454d..5271ef3 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -77,7 +77,7 @@ export default function App() {
                   <div className="hidden md:block md:col-span-1">
                     <VerticalMenu />
                   </div>
-                  <div className="block md:hidden">
+                  <div className="sticky top-5 md:hidden">
                     <HorizontalMenu />
                   </div>
                   <div className="px-5 md:col-span-4 md:px-0">
diff --git a/src/components/Chat.tsx b/src/components/Chat.tsx
index 683cc65..31f684c 100644
--- a/src/components/Chat.tsx
+++ b/src/components/Chat.tsx
@@ -140,7 +140,7 @@ export default function Chat() {
                 </button>
             </div>
 
-            <div className="overflow-auto max-h-96 mt-5 rounded-lg max-w-xl">
+            <div className="overflow-auto h-96 mt-5 rounded-lg max-w-xl">
             {
                 messages &&
                 messages.map((message, index) => {
diff --git a/src/components/HorizontalMenu.tsx b/src/components/HorizontalMenu.tsx
index 0dcf625..ea27a4a 100644
--- a/src/components/HorizontalMenu.tsx
+++ b/src/components/HorizontalMenu.tsx
@@ -16,7 +16,7 @@ export default function HorizontalMenu() {
 
     return (
       <RecoilRoot>
-        <div className="text-lg font-medium text-center hover:cursor-pointer grid grid-cols-5 grid-flow-col">
+        <div className="relative text-lg font-medium text-center hover:cursor-pointer grid grid-cols-5 grid-flow-col backdrop-blur-2xl bg-zinc-100/30 dark:bg-neutral-900/30 rounded-lg">
             <div
                 className={`self-start py-3 rounded-lg${page === Pages.Profile ? activeColor : ""}`}
                 onClick={() => {setPage(Pages.Profile)}}
diff --git a/src/components/Profile.tsx b/src/components/Profile.tsx
index 40cf416..3c97872 100644
--- a/src/components/Profile.tsx
+++ b/src/components/Profile.tsx
@@ -9,7 +9,7 @@ export default function Profile() {
 
             <ol className="relative border-s border-gray-700 left-2">                  
                 <li className="mb-2 ms-4">
-                    <div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
+                    <div className="absolute w-3 h-3 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
                     <time className="mb-1 text-sm font-normal leading-none dark:text-gray-400">
                         2020 年 4 月 &ndash; 現在
                     </time>
diff --git a/src/components/VerticalMenu.tsx b/src/components/VerticalMenu.tsx
index f42f3d5..bae150e 100644
--- a/src/components/VerticalMenu.tsx
+++ b/src/components/VerticalMenu.tsx
@@ -25,43 +25,45 @@ export default function VerticalMenu() {
 
     return (
       <RecoilRoot>
-        <ul className="w-full text-lg font-medium text-center hover:cursor-pointer">
-            <li
-                className={`w-full px-4 py-2 rounded-lg${page === Pages.Profile ? activeColor : ""}`}
-                onClick={() => {setPage(Pages.Profile)}}
-            >
-                <FontAwesomeIcon icon={faUser} />{" "}
-                <p>プロフィール</p>
-            </li>
-            <li
-                className={`w-full px-4 py-2 rounded-lg${page === Pages.Links ? activeColor : ""}`}
-                onClick={() => {setPage(Pages.Links)}}
-            >
-                <FontAwesomeIcon icon={faLink} />{" "}
-                <p>リンク</p>
-            </li>
-            <li
-                className={`w-full px-4 py-2 rounded-lg${page === Pages.Keys ? activeColor : ""}`}
-                onClick={() => {setPage(Pages.Keys)}}
-            >
-                <FontAwesomeIcon icon={faKey} />{" "}
-                <p>公開鍵</p>
-            </li>
-            <li
-                className={`w-full px-4 py-2 rounded-lg${page === Pages.Services ? activeColor : ""}`}
-                onClick={() => {setPage(Pages.Services)}}
-            >
-                <FontAwesomeIcon icon={faStar} />{" "}
-                <p>サービス</p>
-            </li>
-            <li
-                className={`w-full px-4 py-2 rounded-lg${page === Pages.Chat ? activeColor : ""}`}
-                onClick={() => {setPage(Pages.Chat)}}
-            >
-                <FontAwesomeIcon icon={faComments} />{" "}
-                <p>チャット</p>
-            </li>
-        </ul>
+        <div className="sticky top-5">
+            <ul className="text-lg font-medium text-center hover:cursor-pointer">
+                <li
+                    className={`w-full px-4 py-2 rounded-lg${page === Pages.Profile ? activeColor : ""}`}
+                    onClick={() => {setPage(Pages.Profile)}}
+                >
+                    <FontAwesomeIcon icon={faUser} />{" "}
+                    <p>プロフィール</p>
+                </li>
+                <li
+                    className={`w-full px-4 py-2 rounded-lg${page === Pages.Links ? activeColor : ""}`}
+                    onClick={() => {setPage(Pages.Links)}}
+                >
+                    <FontAwesomeIcon icon={faLink} />{" "}
+                    <p>リンク</p>
+                </li>
+                <li
+                    className={`w-full px-4 py-2 rounded-lg${page === Pages.Keys ? activeColor : ""}`}
+                    onClick={() => {setPage(Pages.Keys)}}
+                >
+                    <FontAwesomeIcon icon={faKey} />{" "}
+                    <p>公開鍵</p>
+                </li>
+                <li
+                    className={`w-full px-4 py-2 rounded-lg${page === Pages.Services ? activeColor : ""}`}
+                    onClick={() => {setPage(Pages.Services)}}
+                >
+                    <FontAwesomeIcon icon={faStar} />{" "}
+                    <p>サービス</p>
+                </li>
+                <li
+                    className={`w-full px-4 py-2 rounded-lg${page === Pages.Chat ? activeColor : ""}`}
+                    onClick={() => {setPage(Pages.Chat)}}
+                >
+                    <FontAwesomeIcon icon={faComments} />{" "}
+                    <p>チャット</p>
+                </li>
+            </ul>
+        </div>
       </RecoilRoot>
     )
   }