diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 5073c3b4..da04e1c4 100644
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -257,3 +257,10 @@ ul.mediagoblin_messages {
   background-color: #f7f7f7;
   color:#272727;
 }
+
+/* profile stuff */
+
+.profile_content p, .profile_bio {
+  padding: 6px;
+  background-color: #393939;
+}
diff --git a/mediagoblin/templates/mediagoblin/utils/profile.html b/mediagoblin/templates/mediagoblin/utils/profile.html
index 21468033..72a285d2 100644
--- a/mediagoblin/templates/mediagoblin/utils/profile.html
+++ b/mediagoblin/templates/mediagoblin/utils/profile.html
@@ -17,19 +17,17 @@
 #}
 
 {% block profile_content -%}
-  <div>
-    <ul>
-      {% if user.url %}
-        <li>
-          <a href="{{ user.url }}">homepage</a>
-        </li>
-      {% endif %}
-      
-      {% if user.bio %}
-        <li>
-          {{ user.bio }}
-        </li>
-      {% endif %}
-    </ul>
+  <div class="profile_content">
+    {% if user.url %}
+      <p class="profile_homepage">
+        <a href="{{ user.url }}">homepage</a>
+      </p>
+    {% endif %}
+    
+    {% if user.bio %}
+      <p class="profile_bio">
+        {{ user.bio }}
+      </p>
+    {% endif %}
   </div>
 {% endblock %}