diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index 1971e05..3e59c1f 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -129,7 +129,7 @@ params:
   # Sidebar Avatar
   avatar:
     # Replace the default image and set the url here.
-    url: /imgs/hugo-next-avatar.png
+    url: /imgs/hugo_next_avatar.png
     # If true, the avatar will be displayed in circle.
     rounded: true
     # If true, the avatar will be rotated with the cursor.
diff --git a/layouts/partials/header/sidebar.html b/layouts/partials/header/sidebar.html
index 270e728..60efcd7 100644
--- a/layouts/partials/header/sidebar.html
+++ b/layouts/partials/header/sidebar.html
@@ -10,7 +10,7 @@
       </div>
       <div class="site-overview-wrap sidebar-panel">
         <div class="site-author site-overview-item animated" itemprop="author" itemscope itemtype="http://schema.org/Person">
-          <img class="site-author-image" itemprop="image" alt="John Doe" src="{{ .Site.Params.avatar.url }}">
+          <img class="site-author-image" itemprop="image" alt="{{ $SP.author }}" src="{{ $SP.avatar.url }}">
           <p class="site-author-name" itemprop="name">{{ $SP.author }}</p>
           <div class="site-description" itemprop="description">{{ $SP.description }}</div>
         </div>
diff --git a/static/css/hover.css b/static/css/hover.css
index b20923b..2669745 100644
--- a/static/css/hover.css
+++ b/static/css/hover.css
@@ -95,8 +95,8 @@
   content: "";
   position: absolute;
   z-index: -1;
-  top: -1px;
-  left: -1px;
+  top: 0;
+  left: 0;
   right: 0;
   bottom: 0;
   background: var(--btn-default-hover-bg);
@@ -148,9 +148,9 @@
   content: "";
   position: absolute;
   z-index: -1;
-  top: -1px;
+  top: 0;
   bottom: 0;
-  left: -1px;
+  left: 0;
   right: 0;
   background: var(--btn-default-hover-bg);
   -webkit-transform: scaleX(0);