diff --git a/media/css/seahub.css b/media/css/seahub.css
index 2d4ee9305e..edaeeceb9f 100644
--- a/media/css/seahub.css
+++ b/media/css/seahub.css
@@ -309,6 +309,7 @@ textarea:-moz-placeholder {/* for FF */
 .tabnav {
     height:37px;
     border-bottom:1px solid #ddd;
+    margin-bottom:16px;
 }
 .tabnav-tabs {
     display:inline-block;
@@ -632,7 +633,9 @@ textarea:-moz-placeholder {/* for FF */
 #simplemodal-container h4,
 #simplemodal-container label {
     font-weight:bold;
-    
+}
+#simplemodal-container label {
+    margin:8px 0 4px;
 }
 .simplemodal-close {
     margin-left:5px;
@@ -1098,9 +1101,6 @@ textarea:-moz-placeholder {/* for FF */
 #recycle-btn {
     background-position:3px -29px;
 }
-#repo-setting-form input[name^="repo"] {
-    width:100%;
-}
 #repo-setting-btn {
     background-position:3px -53px;
 }
diff --git a/templates/repo.html b/templates/repo.html
index 21fc8d617d..ed1d27ff01 100644
--- a/templates/repo.html
+++ b/templates/repo.html
@@ -258,9 +258,9 @@
     <form id="repo-setting-form" action="" method="post" class="simple-input-popup hide">{% csrf_token %}
         <h3>{% trans "Library Settings" %}</h3>
         <label>{% trans "Name" %}</label><br />
-        <input type="text" name="repo_name" value="{{ repo.name }}" /><br />
+        <input type="text" name="repo_name" value="{{ repo.name }}" class="long-input" /><br />
         <label>{% trans "Description" %}</label></br />
-        <input type="text" name="repo_desc" value="{{ repo.desc }}" /><br />
+        <input type="text" name="repo_desc" value="{{ repo.desc }}" class="long-input" /><br />
         <label>{% trans "History" %}</label><br />
         <input type="hidden" name="repo_id" value="{{ repo.id }}" />
         <input type="radio" name="history" value="full_history" {% if history_limit < 0 %}checked="checked"{% endif %} /> {% trans "Keep full history" %}<br />