diff --git a/app/views/users/_user.html.erb b/app/views/users/_user.html.erb
index 8d7efae..2a0d516 100644
--- a/app/views/users/_user.html.erb
+++ b/app/views/users/_user.html.erb
@@ -1,8 +1,12 @@
 <div class="thumbnail col-lg-1 col-sm-2 col-xs-4">
-    <%= image_tag user.gravatar_url(:default => "http://members.heatsynclabs.org/pirate.png") %>
-    <span class="badges">
-<%= render partial: 'badges', locals: {user: user} %>
-</span>
+  <%= link_to (image_tag user.gravatar_url(:default => "http://members.heatsynclabs.org/pirate.png") ), user %>
+  <span class="badges">
+    <%= render partial: 'badges', locals: {user: user} %>
+  </span>
 
-    <h4><%= link_to user.name, user %></h4>
+  <div class="bio">
+    <small><%= strip_tags(user.current_skills).truncate(50) %></small>
+  </div>
+  <h4><%= link_to user.name, user %>
+  </h4>
 </div>
diff --git a/app/views/users/summary.html.erb b/app/views/users/summary.html.erb
index 4d41828..f2cd3b1 100755
--- a/app/views/users/summary.html.erb
+++ b/app/views/users/summary.html.erb
@@ -1,10 +1,14 @@
 
 <style type="text/css">
-  .users .thumbnail {
-    height: 200px;
+  .users .fthumbnail {
+    height: 250px;
     position: relative;
   }
-  .users .badges { position: absolute; bottom: 3em; }
+  .users .badges { 
+    display: block;
+    width: 100%;
+    height: 24px;
+  }
   .users .badges img { 
     float: left; 
     width: 24px; 
@@ -12,7 +16,14 @@
     background-color: white; 
     border-radius: 12px;
   }
-  .users .thumbnail h4 { position: absolute; bottom: 1px; margin-bottom: 1px; }
+  .users .bio, .users .thumbnail h4 { 
+    overflow: hidden;
+    text-overflow: ellipsis;
+    height: 3em;
+  }
+  .users .thumbnail h4 {
+    height: 1em;
+  }
 
 </style>