diff --git a/layout/_partial/sidebar/widgets/ghuser.ejs b/layout/_partial/sidebar/widgets/ghuser.ejs
index 8e459ff..af64233 100644
--- a/layout/_partial/sidebar/widgets/ghuser.ejs
+++ b/layout/_partial/sidebar/widgets/ghuser.ejs
@@ -21,7 +21,7 @@ function layoutDiv() {
   
   el += '<div class="widget-wrap" id="github-user">';
   el += '<div class="widget-body fs14 github-info-wrap" id="ghinfo-api" api="' + item.api + '/users/' + item.username + '">';
-    el += '<img no-lazy class="avatar" type="img" id="avatar_url" src="' + config.avatar + '">';
+    el += '<div><img no-lazy class="avatar" type="img" id="avatar_url" src="' + config.avatar + '"></div>';
     // username
     el += '<div class="username" type="text" id="name" href="https://github.com/' + item.username + '">';
     el += item.username;
diff --git a/source/css/_layout/sidebar/ghuser.styl b/source/css/_layout/sidebar/ghuser.styl
index 220e866..9873790 100644
--- a/source/css/_layout/sidebar/ghuser.styl
+++ b/source/css/_layout/sidebar/ghuser.styl
@@ -4,14 +4,16 @@
   align-items: center
   background: var(--card)
   border-radius: $border-card
-  padding: 1rem
+  padding: 2rem 1rem 1rem
   margin: 'calc(%s + 1.25rem)' % var(--gap-p) 0
 
 .widget-wrap#github-user .widget-body .avatar
   display: block
   border-radius: 100%
+  margin: auto
   max-width: 80%
-  margin-top: 1.5rem
+  @media screen and (max-width: $device-tablet)
+    max-width: 50%
 
 .widget-wrap#github-user .widget-body .username
   font-weight: 900