diff --git a/_layouts/teams.html b/_layouts/teams.html
index e92718a..bebe5bc 100644
--- a/_layouts/teams.html
+++ b/_layouts/teams.html
@@ -5,15 +5,21 @@
 <style>
     .gvc-team{
         transform: skewX(-10deg); 
-        width:123px !important; 
-        height:350px !important; 
+        width:130px !important; 
+        height:320px !important; 
         padding:0 !important; 
-        margin: 0 5px;
+        margin: 10px 10px 0 0;
         overflow: hidden !important; 
-        border: 1px solid #333; 
+        border: 3px solid #fff; 
         display: inline-block !important;
     }
 
+    .gvc-team:hover{
+        transition-duration: 0.2s;
+        width: 140px !important;
+        border: 3px solid orange;
+    }
+
     .gvc-team .team-name{
         font-size: large !important;
 
@@ -40,7 +46,7 @@
 <div class="container pt-6 pb-6">
     <div class="row">
         {% assign promoted_teams = site.team | where: "promoted", true | sort: "weight" %}
-        <h2>Principal Investigator (PI)</h2>
+        <!-- <h2>Principal Investigator (PI)</h2> -->
         {% for team in promoted_teams %}
         <div style="display: contents;">
             <!-- <div style="background: url({{ team.image | relative_url }}) no-repeat center; background-size: 300px, auto; display:block;height:300px;width: "> -->
@@ -73,12 +79,9 @@ <h2 class="team-name">{{ team.title }}</h2>
             <!-- </div> -->
         </div>
         {% endfor %}
-    </div>
-    <br>
 
-    <div class="row">
         {% assign teams = site.team | where: "promoted", false | where: "class", "phd" | sort: "weight" %}
-        <h2>Our Rising Stars ⬇️</h2>
+        <!-- <h2>Our Rising Stars ⬇️</h2> -->
         {% for team in teams %}
         <div style="display: contents">
                 <!-- <div style="background: url({{ team.image | relative_url }}) no-repeat center; background-size: 300px, auto; display:block;height:300px;width: "> -->