diff --git a/YaeBlog.Theme.FluentUI/Layout/MainLayout.razor b/YaeBlog.Theme.FluentUI/Layout/MainLayout.razor
index d0323c7..59315f2 100644
--- a/YaeBlog.Theme.FluentUI/Layout/MainLayout.razor
+++ b/YaeBlog.Theme.FluentUI/Layout/MainLayout.razor
@@ -46,7 +46,7 @@
                 </FluentLabel>
             </a>
 
-            <div style="width: 50px"></div>
+            <div style="width: 20px"></div>
         </FluentStack>
     </FluentHeader>
     <FluentBodyContent Style="height: 100%">
diff --git a/YaeBlog.Theme.FluentUI/Pages/Home.razor b/YaeBlog.Theme.FluentUI/Pages/Home.razor
index 1fd8d9d..c45f70b 100644
--- a/YaeBlog.Theme.FluentUI/Pages/Home.razor
+++ b/YaeBlog.Theme.FluentUI/Pages/Home.razor
@@ -16,6 +16,8 @@
         </div>
     </div>
 
+    <div style="height: 2rem"></div>
+
     <div style="margin: 0 15% 0 15%">
         <FluentCard>
             <div>
diff --git a/YaeBlog.Theme.FluentUI/Pages/Home.razor.css b/YaeBlog.Theme.FluentUI/Pages/Home.razor.css
index 09f00f1..e3804c8 100644
--- a/YaeBlog.Theme.FluentUI/Pages/Home.razor.css
+++ b/YaeBlog.Theme.FluentUI/Pages/Home.razor.css
@@ -21,13 +21,11 @@
     width: 100%;
 }
 
-.scroll-down-tag::before {
-    content: "V";
-}
-
 .scroll-down-tag {
     font-family: "Font Awesome 6 Free", sans-serif;
     font-size: 36px;
+    font-style: normal;
+    font-weight: 900;
     color: white;
     text-align: center;
     position: relative;
@@ -36,6 +34,10 @@
     animation: scroll-down-animation 1.5s infinite;
 }
 
+.scroll-down-tag::before {
+    content: "\f107";
+}
+
 @keyframes scroll-down-animation {
     0% {
         top: 0;
diff --git a/YaeBlog.Theme.FluentUI/wwwroot/fonts/.gitattributes b/YaeBlog.Theme.FluentUI/wwwroot/fonts/.gitattributes
new file mode 100644
index 0000000..de6abab
--- /dev/null
+++ b/YaeBlog.Theme.FluentUI/wwwroot/fonts/.gitattributes
@@ -0,0 +1,2 @@
+*.ttf filter=lfs diff=lfs merge=lfs -text
+*.woff2 filter=lfs diff=lfs merge=lfs -text
diff --git a/YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-regular-400.ttf b/YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-regular-400.ttf
new file mode 100644
index 0000000..d726723
--- /dev/null
+++ b/YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-regular-400.ttf
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5d02dc9b858e3c85a794f87e379857f4fedc4e26cf15001714a9a0e0b1d2294d
+size 68004
diff --git a/YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-regular-400.woff2 b/YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-regular-400.woff2
new file mode 100644
index 0000000..d933b10
--- /dev/null
+++ b/YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-regular-400.woff2
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2bccecf0bc7e96cd5ce4003abeb3ae9ee4a3d19158c4e6edfd2df32d2f0d5721
+size 25452
diff --git a/YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-solid-900.ttf b/YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-solid-900.ttf
new file mode 100644
index 0000000..ee7a766
--- /dev/null
+++ b/YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-solid-900.ttf
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fbbf06d7437aa30f3cd44c968380193545a8fc3eadfb7ad897bbb101eefec5a2
+size 419720
diff --git a/YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-solid-900.woff2 b/YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-solid-900.woff2
new file mode 100644
index 0000000..20c927c
--- /dev/null
+++ b/YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-solid-900.woff2
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9fc85f3a4544ab0d570c7f8f9bbb88db8d92c359b2707580ea8b07c75673eae2
+size 156496
diff --git a/YaeBlog.Theme.FluentUI/wwwroot/globals.css b/YaeBlog.Theme.FluentUI/wwwroot/globals.css
index 2a6da98..66e17de 100644
--- a/YaeBlog.Theme.FluentUI/wwwroot/globals.css
+++ b/YaeBlog.Theme.FluentUI/wwwroot/globals.css
@@ -5,3 +5,37 @@ body a {
 html, body {
     height: 100%;
 }
+
+*::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+*::-webkit-scrollbar-thumb {
+    background-color: #80c8f8;
+}
+
+*::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+* {
+    scrollbar-width: thin;
+    scrollbar-color: #80c8f8 transparent;
+}
+
+@font-face {
+    font-family: "Font Awesome 6 Free";
+    font-style: normal;
+    font-weight: 400;
+    font-display: block;
+    src: url(fonts/fa-regular-400.woff2) format("woff2"),url(fonts/fa-regular-400.ttf) format("truetype")
+}
+
+@font-face {
+    font-family: "Font Awesome 6 Free";
+    font-style: normal;
+    font-weight: 900;
+    font-display: block;
+    src: url(fonts/fa-solid-900.woff2) format("woff2"),url(fonts/fa-solid-900.ttf) format("truetype")
+}