diff --git a/layout/_partials/footer/footer.pug b/layout/_partials/footer/footer.pug
index 56a84c89826c9d212b240f17d24ab5406b6ff5cd..e00adc3cfd21d2d9e96704540c179d3b59a24348 100644
--- a/layout/_partials/footer/footer.pug
+++ b/layout/_partials/footer/footer.pug
@@ -14,6 +14,8 @@ if footerCopyright || footerBeian
       span!= `© ${startYear}` + (startYear != endYear ? `-${endYear}` : "")
       if footer.icon.enable
         span(class=`${fa_prefix} fa-${footer.icon.name} footer-icon`)
+      else
+        span= " "
       span= footer.copyright.text || config.author + "."
     if footerCopyright && footerBeian
       span= " | "
diff --git a/source/css/_common/components/footer/index.styl b/source/css/_common/components/footer/index.styl
index c24bbebe9be84f5e34f03351c9e2ce3db77a15e4..af22f1704865f9d5ebfd393d7c5b1c96f4d0590b 100644
--- a/source/css/_common/components/footer/index.styl
+++ b/source/css/_common/components/footer/index.styl
@@ -1,3 +1,15 @@
+.footer {
+  &-icon {
+    margin: 0 .3rem;
+    font-size: 1em;
+    color: convert(hexo-config('footer.icon.color') || '#ff0000');
+
+    if (hexo-config('footer.icon.animation')) {
+      animation: footer-heart-beat 1.2s infinite;
+    }
+  }
+}
+
 .footer-inner {
   padding: 1rem;
   font-size: $font-size-footer;
@@ -23,14 +35,4 @@
   .separator {
     margin: 0 .5rem;
   }
-
-  .footer-icon {
-    margin: 0 .2rem;
-    font-size: .9em;
-    color: convert(hexo-config('footer.icon.color') || '#ff0000');
-
-    if (hexo-config('footer.icon.animation')) {
-      animation: footer-heart-beat 1.2s infinite;
-    }
-  }
 }