diff --git a/layout/common/site-info.ejs b/layout/common/site-info.ejs
index 448d6a9..bb59f30 100644
--- a/layout/common/site-info.ejs
+++ b/layout/common/site-info.ejs
@@ -1,5 +1,5 @@
 <div class="site-info">
-    <img class="avatar" src="<%= theme.avatar %>" style="width:127px;">
+    <%- image_tag(theme.avatar, {class: 'avatar'}) %>
     <div class="title">
         <a href="/"><%= config.title %></a>
     </div>
diff --git a/source/css/common/site-info.styl b/source/css/common/site-info.styl
index 87217c2..2302ce8 100644
--- a/source/css/common/site-info.styl
+++ b/source/css/common/site-info.styl
@@ -5,10 +5,11 @@
     padding 2px
     border-radius 50%
     border 1px solid #ddd
+    width: 50%;
   }
 
-
   .title {
+    margin 5px 0;
     text-transform: uppercase;
 
     a {