diff --git a/source/_patterns/03-templates/candidate-detail.mustache b/source/_patterns/03-templates/candidate-detail.mustache
index 7c648f4ceb7e5dbdc7e8bc60af88f7d14e9bdd65..b1426aac54c11192c7c4d5ceaab9408726db9ca5 100644
--- a/source/_patterns/03-templates/candidate-detail.mustache
+++ b/source/_patterns/03-templates/candidate-detail.mustache
@@ -1,6 +1,6 @@
 {{> organisms-header }}
 
-<article class="hero hero--image pt-24 pb-24 lg:pt-40 pb-24 candidate-detail__hero {{ classes }}" style="--image-url: url({{ img.landscape-16x9-fullhd.src }})">
+<article class="hero hero--image pt-24 pb-24 lg:pt-40 pb-24 {{ classes }}" style="--image-url: url({{ img.landscape-16x9-fullhd.src }})">
   <div class="container container--default text-center lg:text-left">
     <h1 class="head-alt-md md:head-alt-xl max-w-2xl">{{ person.first }} {{ person.last }}</h1>
     <h2 class="head-xs mt-2 max-w-xl">{{ person.occupation }}</h2>
diff --git a/source/css/templates/candidate-detail.pcss b/source/css/templates/candidate-detail.pcss
index ae231151385e07d7391eaf8291cc735589e40c5a..48f3ef3ced7a0f1cd331b987fab3237e5c97b7da 100644
--- a/source/css/templates/candidate-detail.pcss
+++ b/source/css/templates/candidate-detail.pcss
@@ -1,9 +1,5 @@
-.candidate-detail__hero {
-  z-index: -1;
-}
-
 .candidate-detail__sidebar {
-  @apply bg-white;
+  @apply bg-white z-10;
 
   @screen lg {
     margin-top: -6rem;