diff --git a/partials/tabs/about.html b/partials/tabs/about.html
index e71eeea..82cee16 100644
--- a/partials/tabs/about.html
+++ b/partials/tabs/about.html
@@ -129,3 +129,4 @@ <h2 class="fine center">about</h2>
   $('ul.tabs').tabs();
 });
 </script>
+<link rel="stylesheet" href="/resources/css/people.css">
diff --git a/resources/css/people.css b/resources/css/people.css
index 0ccbdca..379deb6 100644
--- a/resources/css/people.css
+++ b/resources/css/people.css
@@ -51,3 +51,10 @@
 .profile-bio > p:before, .profile-bio > p:after {
   content: ' " ';
 }
+
+@media only screen and (max-width: 600px) {
+  .card.small .card-content, .card.medium .card-content, .card.large .card-content {
+    max-height: 80%;
+    overflow: scroll;
+  }
+}