diff --git a/app/views/shared/_group_nav.haml b/app/views/shared/_group_nav.haml
index 66f4fa0bdeef9df0131649ba7650eb58ff2f7a0f..455d90bb4797f2ac64bf72d689a1c590651acd35 100644
--- a/app/views/shared/_group_nav.haml
+++ b/app/views/shared/_group_nav.haml
@@ -14,7 +14,12 @@
     #friend_pictures
       - for friend in @group.people
         = person_image_link(friend)
-      = link_to "+", "#add_request_pane", :id => 'add_request_button', :class => "add_new"
+      = link_to (image_tag 'add_friend_button.png'), "#add_request_pane", :id => 'add_request_button'
+
+      - if @group.people.count == 0
+        %span.add_new_description
+          << click the plus to add friends to this group
+
 
       .yo{:style => 'display:none'}
         #add_request_pane
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 18289b738b61b2b375cfde22f1767d502634a4b3..a5b4b5fc6d918a94b35fb81112180ae68ad4730e 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -430,24 +430,21 @@ h1.big_text {
       #group ul > li.selected, #group ul > li.selected a {
         color: white;
         font-weight: bold;
-        font-size: 18px;
-        text-shadow: 0 2px 0px black; }
+        font-size: 18px; }
   #group a {
     color: #aaaaaa;
     font-weight: normal; }
-  #group #friend_pictures .add_new {
+  #group #friend_pictures .add_new_description {
     position: relative;
-    display: inline-block;
     height: 40px;
-    width: 40px;
-    background-color: black;
-    text-align: center;
-    font-size: 40px;
+    display: inline-block;
+    background-color: #222222;
+    color: #999999;
+    top: -16px;
     line-height: 40px;
-    top: -6px; }
-    #group #friend_pictures .add_new:hover {
-      background: #999999;
-      color: black; }
+    padding: 0 1em;
+    margin-bottom: -20px;
+    font-style: italic; }
   #group #friend_pictures img {
     height: 40px; }
 
diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass
index 0ac9dbfce4e9ffe251c0c974bcfa5d9f96ae39cc..b41a1120a641961eccb0aa72e96c2ec6e9c23096 100644
--- a/public/stylesheets/sass/application.sass
+++ b/public/stylesheets/sass/application.sass
@@ -546,21 +546,22 @@ h1.big_text
       :weight normal
 
   #friend_pictures
-    .add_new
+
+    .add_new_description
       :position relative
-      :display inline-block
       :height 40px
-      :width 40px
+      :display inline-block
       :background
-        :color #000
-      :text-align center
-      :font-size 40px
-      :line-height 40px
-      :top -6px
-
-      &:hover
-        :background #999
-        :color #000
+        :color #222
+      :color #999
+      :top -16px
+      :line
+        :height 40px
+      :padding 0 1em
+      :margin
+        :bottom -20px
+      :font
+        :style italic
 
     img
       :height 40px