diff --git a/public/css/cover.css b/public/css/cover.css
index 351babd02..40e6ed53c 100644
--- a/public/css/cover.css
+++ b/public/css/cover.css
@@ -250,7 +250,7 @@ input {
 .ui-avatar {
     border-radius: 15em;
     height: auto;
-    width: 200px;
+    width: 60px;
 }
 .ui-history-close {
     position: absolute;
diff --git a/public/js/cover.js b/public/js/cover.js
index a7ee855f5..1b6c42211 100644
--- a/public/js/cover.js
+++ b/public/js/cover.js
@@ -32,7 +32,7 @@ function pageInit() {
             $('.ui-signin').hide();
             $('.ui-or').hide();
             $('.ui-welcome').show();
-            $('.ui-avatar').prop('src',data.photo);
+            $('.ui-avatar').prop('src', data.photo);
             $('.ui-name').html(data.name);
             $('.ui-signout').show();
             $(".ui-history").click();
@@ -42,7 +42,7 @@ function pageInit() {
             $('.ui-signin').slideDown();
             $('.ui-or').slideDown();
             $('.ui-welcome').hide();
-            $('.ui-avatar').prop('src','');
+            $('.ui-avatar').prop('src', '');
             $('.ui-name').html('');
             $('.ui-signout').hide();
             parseStorageToHistory(historyList, parseHistoryCallback);
diff --git a/public/views/index.ejs b/public/views/index.ejs
index 98641df61..7d16428c5 100644
--- a/public/views/index.ejs
+++ b/public/views/index.ejs
@@ -80,7 +80,7 @@
                         <p>Below are history from browser</p>
                     </div>
                     <div class="ui-signout" style="display:none;">
-                        <img class="ui-avatar" />
+                        <img class="ui-avatar">
                         <h4 class="ui-welcome">Welcome! <span class="ui-name"></span></h4>
                         <a href="<%- url %>/new" class="btn btn-default">New note</a> Or
                         <a href="#" class="btn btn-danger ui-logout">Sign Out</a>