4 files changed, 14 insertions, 16 deletions
diff --git a/css/component/icon.css b/css/component/icon.css
index 56f4165e..c7dbd0ab 100644
--- a/css/component/icon.css
+++ b/css/component/icon.css
@@ -1,9 +1,8 @@
 .icon {
-  display: inline;
-  background-color: $color-icon-background;
-  width: 3em;
-  height: auto;
-  float: right;
+  display: block;
+  background-color: $color-text-primary;
+  width: $icon-size;
+  height: $icon-size;
 }
 .arrow-up {
   -webkit-mask-image: url("../icon/arrow-up.svg");
diff --git a/css/partials/footer.css b/css/partials/footer.css
index 7903aa5c..83ef67b5 100644
--- a/css/partials/footer.css
+++ b/css/partials/footer.css
@@ -3,6 +3,6 @@
   border: $line-secondary $color-text-primary solid;
 }
 .footer .footer-text {
-  margin-top: $margin-l-1;
-  margin-bottom: $margin-primary;
+  margin-top: $margin-m-0;
+  margin-bottom: $margin-m-0;
 }
diff --git a/css/partials/header.css b/css/partials/header.css
index f9b7ba40..6db704b2 100644
--- a/css/partials/header.css
+++ b/css/partials/header.css
@@ -5,7 +5,7 @@
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
-  margin-top: $margin-l-0;
+  margin-top: $margin-m-0;
   margin-bottom: $margin-m-0;
 }
 .header-inner #menu-btn {
diff --git a/css/style.css b/css/style.css
index 84a43be3..b2ef6759 100644
--- a/css/style.css
+++ b/css/style.css
@@ -315,7 +315,7 @@ input[type="search"]::-webkit-search-results-decoration {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
-  margin-top: 1.5rem;
+  margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
 .header-inner #menu-btn {
@@ -402,8 +402,8 @@ input[type="search"]::-webkit-search-results-decoration {
   color: #373633;
 }
 .footer .footer-text {
-  margin-top: 2rem;
-  margin-bottom: 3.5rem;
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
 }
 .post-list a {
   background-image: linear-gradient(#fff, #fff), linear-gradient(#373633, #373633);
@@ -1130,11 +1130,10 @@ ul li.task-list-item>input[type=checkbox]:before {
   --webkit-touch-callout: none;
 }
 .icon {
-  display: inline;
-  background-color: $color-icon-background;
-  width: 3em;
-  height: auto;
-  float: right;
+  display: block;
+  background-color: #373633;
+  width: 1.25rem;
+  height: 1.25rem;
 }
 .arrow-up {
   -webkit-mask-image: url("../icon/arrow-up.svg");