diff --git a/source/_patterns/01-molecules/00-badge/sidebar-badge-pirati-stan.mustache b/source/_patterns/01-molecules/00-badge/sidebar-badge-pirati-stan.mustache
index 570b0a41d8ebdc582635d9b12587da95788985c0..f6d3d29ccb2b4b7ad1c9484aaebdfd42bdd6124b 100644
--- a/source/_patterns/01-molecules/00-badge/sidebar-badge-pirati-stan.mustache
+++ b/source/_patterns/01-molecules/00-badge/sidebar-badge-pirati-stan.mustache
@@ -6,7 +6,7 @@
     {{/ hideAvatar}}
     <div class="badge__body">
       <span class="head-heavy-xs">{{ person.first }} {{ person.last }}</span>      
-        <a href="#" class="sidebar-badge__bio-item block mb-2">{{ person.email }}</a>
+        <a href="#" class="sidebar-badge__bio-item block pb-3 pt-3 md:pb-2 md:pt-0">{{ person.email }}</a>
       {{^ hideOccupation }}
         <p class="badge__occupation">{{ occupation }}{{^ occupation }}{{ person.occupation }}{{/ occupation }}</p>
       {{/ hideOccupation}}
diff --git a/source/_patterns/01-molecules/03-candidate-card/candidate-card-pirati-stan.mustache b/source/_patterns/01-molecules/03-candidate-card/candidate-card-pirati-stan.mustache
index 230150ac0485cb30501d2b0388cb0c659d7efe94..3d8337c81a90972bddeb7a5fbdc3a1b49aa55f2a 100644
--- a/source/_patterns/01-molecules/03-candidate-card/candidate-card-pirati-stan.mustache
+++ b/source/_patterns/01-molecules/03-candidate-card/candidate-card-pirati-stan.mustache
@@ -1,13 +1,13 @@
 <div class="candidate-card candidate-card--pirati-stan container-padding--zero sm:container-padding--auto {{ classes }}">
   <div class="candidate-card__wrapper h-full {{ wrapperClasses }} {{#stan}}candidate-card-list__item-wrapper--stan-candidate{{/stan}}">
-    <div class="card candidate-card__body elevation-0 hover:elevation-10 transition duration-200 h-full">
+    <div class="card candidate-card__body elevation-2 sm:elevation-0 hover:elevation-10 transition duration-200 h-full">
       <div class="candidate-card__avatar sm:pl-0">
         <div class="candidate-card__position">{{ demoposition }}</div>
         <a href="#" data-href="{{ link.templates-candidate-detail }}">{{> atoms-basic-avatar(classes: "avatar--sm sm:avatar--lg" ) }}</a>
       </div>
       <div class="candidate-card__bio">
         <h1 class="head-heavy-xs"><a href="#" data-href="{{ link.templates-candidate-detail }}">{{ person.first }} {{ person.last }}</a></h1>
-        <a href="#" class="candidate-card__bio-item block mb-4">{{ person.email }}</a>
+        <a href="#" class="candidate-card__bio-item block pb-4 pt-3 md:pt-0 md:pb-4">{{ person.email }}</a>
         <h2 class="candidate-card__bio-item">{{# demooccupation }}{{ demooccupation }}{{/ demooccupation }}{{^ demooccupation }}{{ person.occupation }}{{/ demooccupation }}</h2>
         <h2 class="head-allcaps-4xs mt-4">{{ person.city }}</h2>
       </div>
diff --git a/source/css/molecules/candidate-card-pirati-stan.pcss b/source/css/molecules/candidate-card-pirati-stan.pcss
index 3d69553219f7cc67c4d8ab7dd4d97d8affae9b2b..d76fe5453464bbc96e970d8a83d5fd9cbd29edc4 100644
--- a/source/css/molecules/candidate-card-pirati-stan.pcss
+++ b/source/css/molecules/candidate-card-pirati-stan.pcss
@@ -15,10 +15,23 @@
       }
     }
   }
-
+  .candidate-card__body {
+    grid-template-areas: "avatar bio"
+                         ". social"
+                         "affiliation affiliation";
+  }
 
   @screen sm {
+    .candidate-card {
+      @apply flex flex-col h-full;
+      padding-top: 3rem;
+    }
+
     .candidate-card__body {
+      grid-template-areas: "avatar"
+                           "bio"
+                           "affiliation"
+                           "social";
       grid-template-rows: 63px auto 42px 50px;
     }
   }