diff --git a/src/scenes/home/team/team.js b/src/scenes/home/team/team.js
index 3cef770f3..1f862ef71 100644
--- a/src/scenes/home/team/team.js
+++ b/src/scenes/home/team/team.js
@@ -23,7 +23,7 @@ class Team extends Component {
   render() {
     const team = this.state.members.map(member => (
       <TeamCard
-        key={`${Math.random()} + ${member.name}`}
+        key={`${member.name} + ${member.role}`}
         name={member.name}
         role={member.role}
       />
@@ -31,6 +31,7 @@ class Team extends Component {
 
     const boardMembers = BoardMembers.map(boardMember => (
       <BoardCard
+        key={`${boardMember.name} + ${boardMember.role}`}
         name={boardMember.name}
         role={boardMember.role}
         description={boardMember.description}
diff --git a/src/shared/components/boardCard/boardCard.css b/src/shared/components/boardCard/boardCard.css
index fa86d8065..925236a6e 100644
--- a/src/shared/components/boardCard/boardCard.css
+++ b/src/shared/components/boardCard/boardCard.css
@@ -63,3 +63,25 @@
   align-self: left;
   padding: 1rem 0 0 0;
 }
+
+@media screen and (max-width: 450px) {
+  .boardCard {
+    max-height: 650px;
+    transition: none;
+  }
+
+  .boardCard:hover,
+  .boardCard:focus {
+    transition: none;
+  }
+  
+  .boardCard:hover .descriptionText,
+  .boardCard:active .descriptionText {
+    transition: none;
+  }
+
+  .descriptionText {
+    opacity: 1;
+    visibility: visible;
+  }
+}