diff --git a/media/css/seahub.css b/media/css/seahub.css
index c362c3e6f5..ec9ff19ca8 100644
--- a/media/css/seahub.css
+++ b/media/css/seahub.css
@@ -686,10 +686,10 @@ textarea:-moz-placeholder {/* for FF */
     text-align:center;
     margin:0 1px 5px 1px;
 }
-.mygroup a {
+.mygroup .name {
     display:inline-block;
     width:100%;
-    white-space:nowrap;
+    height:1.5em;
     overflow:hidden;
 }
 #repo-create,
diff --git a/templates/snippets/my_groups.html b/templates/snippets/my_groups.html
index 257142abeb..7125578919 100644
--- a/templates/snippets/my_groups.html
+++ b/templates/snippets/my_groups.html
@@ -9,7 +9,7 @@
     <a href="{{ SITE_ROOT }}group/{{ group.props.id }}/" class="no-deco">
         <img src="{% grp_avatar_url group.props.id 48 %}" alt="{{ group.props.group_name }}的图标" title="{{ group.props.group_name }}" class="avatar" />
     </a>
-	<a href="{{ SITE_ROOT }}group/{{ group.props.id }}/" title="{{ group.props.group_name }}">{{ group.props.group_name }}</a>
+	<a class="name" href="{{ SITE_ROOT }}group/{{ group.props.id }}/" title="{{ group.props.group_name }}">{{ group.props.group_name }}</a>
 	</li>
     {% endfor %}
 </ul>