diff --git a/layout/_partial/side-tools.ejs b/layout/_partial/side-tools.ejs
index c9014e5..5baeca1 100644
--- a/layout/_partial/side-tools.ejs
+++ b/layout/_partial/side-tools.ejs
@@ -9,7 +9,7 @@
         </li>
 
         <li class="tools-item tool-expand-width flex-center">
-            <i class="fas fa-arrows-alt-h"></i>
+            <i class="fas fa-up-right-and-down-left-from-center"></i>
         </li>
 
         <li class="tools-item tool-dark-light-toggle flex-center">
diff --git a/source/js/utils.js b/source/js/utils.js
index 58ddab0..ac6fb72 100644
--- a/source/js/utils.js
+++ b/source/js/utils.js
@@ -135,13 +135,13 @@ KEEP.initUtils = () => {
         KEEP.styleStatus.isExpandPageWidth = isExpand;
         KEEP.setStyleStatus();
         if (isExpand) {
-          iconDom.classList.remove('fa-arrows-alt-h');
-          iconDom.classList.add('fa-compress-arrows-alt');
+          iconDom.classList.remove('fa-up-right-and-down-left-from-center');
+          iconDom.classList.add('fa-down-left-and-up-right-to-center');
           headerContentDom.style.maxWidth = expandMaxWidth;
           mainContentDom.style.maxWidth = expandMaxWidth;
         } else {
-          iconDom.classList.remove('fa-compress-arrows-alt');
-          iconDom.classList.add('fa-arrows-alt-h');
+          iconDom.classList.remove('fa-down-left-and-up-right-to-center');
+          iconDom.classList.add('fa-up-right-and-down-left-from-center');
           headerContentDom.style.maxWidth = headerMaxWidth;
           mainContentDom.style.maxWidth = defaultMaxWidth;
         }