diff --git a/_layouts/post.html b/_layouts/post.html
index 9926394..8b634d9 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -22,17 +22,18 @@ <h1>{{ page.title }}</h1>
 
   <div class="d-flex justify-content-between">
     {% if page.previous %}
-    <a href="{{ page.previous.url }}"><i class="fa-solid fa-caret-left fa-2xl transition-arrow"></i></a>
+    <a href="{{ page.previous.url }}"><i class="fa-solid fa-square-caret-left fa-2xl transition-arrow"></i></a>
     {% else %}
-    <a href="{{ page.previous.url }}"><i class="invisible fa-solid fa-caret-left fa-2xl transition-arrow"></i></a>
+    <a href="{{ page.previous.url }}"><i
+        class="invisible fa-solid fa-square-caret-left fa-2xl transition-arrow"></i></a>
     {% endif %}
 
     <a href="{{ site.url }}" class="fs-5">HOME</a>
 
     {% if page.next %}
-    <a href="{{ page.next.url }}"><i class="fa-solid fa-caret-right fa-2xl transition-arrow"></i></a>
+    <a href="{{ page.next.url }}"><i class="fa-solid fa-square-caret-right fa-2xl transition-arrow"></i></a>
     {% else %}
-    <a href="{{ page.next.url }}"><i class="invisible fa-solid fa-caret-right fa-2xl transition-arrow"></i></a>
+    <a href="{{ page.next.url }}"><i class="invisible fa-solid fa-square-caret-right fa-2xl transition-arrow"></i></a>
     {% endif %}
   </div>
 </div>
diff --git a/index.html b/index.html
index b83392c..3bd82f6 100644
--- a/index.html
+++ b/index.html
@@ -39,10 +39,10 @@ <h2 class="archive-month">{{ currYear }}.{{ currMonth }}</h2>
 <div class="pagination d-flex justify-content-between">
   {% if paginator.previous_page %}
   <a href="{{ paginator.previous_page_path }}"><i
-      class="previous fa-solid fa-caret-left fa-2xl transition-arrow"></i></a>
+      class="previous fa-solid fa-square-caret-left fa-2xl transition-arrow"></i></a>
   {% else %}
   <a href="{{ paginator.previous_page_path }}"><i
-      class="invisible previous fa-solid fa-caret-left fa-2xl transition-arrow"></i></a>
+      class="invisible previous fa-solid fa-square-caret-left fa-2xl transition-arrow"></i></a>
   {% endif %}
 
   <span class="page_number fs-5">
@@ -50,9 +50,10 @@ <h2 class="archive-month">{{ currYear }}.{{ currMonth }}</h2>
   </span>
 
   {% if paginator.next_page %}
-  <a href="{{ paginator.next_page_path }}"><i class="next fa-solid fa-caret-right fa-2xl transition-arrow"></i></a>
+  <a href="{{ paginator.next_page_path }}"><i
+      class="next fa-solid fa-square-caret-right fa-2xl transition-arrow"></i></a>
   {% else %}
   <a href="{{ paginator.next_page_path }}"><i
-      class="invisible next fa-solid fa-caret-right fa-2xl transition-arrow"></i></a>
+      class="invisible next fa-solid fa-square-caret-right fa-2xl transition-arrow"></i></a>
   {% endif %}
 </div>