diff --git a/media/css/seahub.css b/media/css/seahub.css
index 89773b58e2..a871a37dc7 100644
--- a/media/css/seahub.css
+++ b/media/css/seahub.css
@@ -20,7 +20,7 @@
  * common class ..........common class
  *
  * Widget
- * (...)  
+ * (...)
  * discussions/comments
  * custom select2
  *
@@ -576,7 +576,7 @@ textarea:-moz-placeholder {/* for FF */
     line-height:1.5;
     margin:0; /* for merge with tabs */
     background-color:#f2f2f2;
-    padding:0.6rem 0.75rem 0.25rem;
+    padding:0.6rem 0.75rem 0;
     border-radius: 2px 2px 0 0;
 }
 /****paginator****/
@@ -761,7 +761,7 @@ textarea:-moz-placeholder {/* for FF */
     border-top:1px solid #eee;
 }
 .side-nav-footer a {
-    color:#333;
+    color:#666;
     font-weight: normal;
     margin-right:0.25rem;
 }
@@ -799,6 +799,9 @@ textarea:-moz-placeholder {/* for FF */
     color:#333;
     font-weight:normal;
 }
+.side-tabnav-tabs .tab a:focus {
+    text-decoration:none;
+}
 .side-tabnav-tabs .tab .grp-list a {
     font-size:14px;
     line-height:24px;
@@ -3545,5 +3548,7 @@ img.thumbnail {
 }
 /* about dialog */
 .about-content {
-    width: 300px;
+    width: 280px;
+    padding-top: 20px;
+    text-align: center;
 }
diff --git a/seahub/templates/nav_footer.html b/seahub/templates/nav_footer.html
index b7248468d6..81427ece1c 100644
--- a/seahub/templates/nav_footer.html
+++ b/seahub/templates/nav_footer.html
@@ -4,8 +4,7 @@
 <a href="{% url 'download_client' %}" class="fright"><span aria-hidden="true" class="sf2-icon-monitor vam"></span> <span class="vam">{% trans "Clients" %}</span></a>
 
 <div class="about-content hide">
-    <h3>{% trans "About" %}</h3>
-    <p>{% trans "Server Version: " %}{{ seafile_version }}</p>
-    <p>© 2016 {% trans "Seafile" %}</p>
+    <p><img src="{{ MEDIA_URL }}{{ logo_path }}" title="Seafile" alt="logo" width="{{logo_width}}" height="{{logo_height}}" /></p>
+    <p>{% trans "Server Version: " %}{{ seafile_version }}<br/> © 2016 {% trans "Seafile" %}</p>
     <p><a href="http://seafile.com/en/about/" target="_blank">{% trans "About Us" %}</a></p>
 </div>