diff --git a/src/components/lab/LabBanner/styles.module.scss b/src/components/lab/LabBanner/styles.module.scss
index 4f4f6174..734ab1c5 100644
--- a/src/components/lab/LabBanner/styles.module.scss
+++ b/src/components/lab/LabBanner/styles.module.scss
@@ -1,9 +1,13 @@
 @import "~/styles/variables.scss";
 
 .wrap {
-  @include lab_shadow;
+  @include outer_shadow;
+  @include lab_gradient;
 
-  background: linear-gradient(darken($dark_blue, 0%), darken($blue, 30%));
+  display: flex;
+  align-items: flex-end;
+  justify-content: stretch;
+  min-height: $cell;
 }
 
 .title {
diff --git a/src/components/lab/LabHead/styles.module.scss b/src/components/lab/LabHead/styles.module.scss
index 0848772f..95ae58f6 100644
--- a/src/components/lab/LabHead/styles.module.scss
+++ b/src/components/lab/LabHead/styles.module.scss
@@ -1,7 +1,7 @@
 @import "~/styles/variables.scss";
 
 .wrap {
-  @include lab_shadow;
+  @include outer_shadow;
 
   border-radius: $radius;
   background-color: $content_bg;
diff --git a/src/components/lab/LabNode/index.tsx b/src/components/lab/LabNode/index.tsx
index ede99692..729dd88e 100644
--- a/src/components/lab/LabNode/index.tsx
+++ b/src/components/lab/LabNode/index.tsx
@@ -4,6 +4,7 @@ import { useNodeBlocks } from '~/utils/hooks/node/useNodeBlocks';
 import styles from './styles.module.scss';
 import { LabBottomPanel } from '~/components/lab/LabBottomPanel';
 import { isAfter, parseISO } from 'date-fns';
+import classNames from 'classnames';
 
 interface IProps {
   node: INode;
@@ -22,7 +23,7 @@ const LabNode: FC<IProps> = ({ node, isLoading, lastSeen, commentCount }) => {
   );
 
   return (
-    <div className={styles.wrap}>
+    <div className={classNames(styles.wrap, { [styles.heroic]: node.is_heroic })}>
       {lab}
       <LabBottomPanel
         node={node}
diff --git a/src/components/lab/LabNode/styles.module.scss b/src/components/lab/LabNode/styles.module.scss
index 14052071..1130e194 100644
--- a/src/components/lab/LabNode/styles.module.scss
+++ b/src/components/lab/LabNode/styles.module.scss
@@ -1,12 +1,16 @@
 @import "~/styles/variables.scss";
 
 .wrap {
-  @include lab_shadow;
+  @include outer_shadow;
 
   background-color: $lab_post_bg;
   cursor: pointer;
 
   min-width: 0;
   border-radius: $radius;
+
+  &.heroic {
+    @include hero_gradient;
+  }
 }
 
diff --git a/src/containers/lab/LabStats/styles.module.scss b/src/containers/lab/LabStats/styles.module.scss
index 246ed8b2..de9d0c23 100644
--- a/src/containers/lab/LabStats/styles.module.scss
+++ b/src/containers/lab/LabStats/styles.module.scss
@@ -16,7 +16,7 @@
 }
 
 .card {
-  @include lab_shadow;
+  @include outer_shadow;
 
   border-radius: $radius;
   background: $comment_bg;
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index a99fbb38..9d2b49ab 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -259,9 +259,11 @@ $sidebar_border: transparentize(white, 0.95);
   cursor: pointer;
 }
 
-@mixin lab_shadow {
-  box-shadow:
-    transparentize(black, 0.5) 0 0 0 1px,
-    inset transparentize(white, 0.9) 0 1px,
-    lighten(black, 0.1) 0 4px;
+@mixin lab_gradient {
+  background: linear-gradient(darken($dark_blue, 0%), darken($blue, 30%));
+}
+
+@mixin hero_gradient {
+  $color: mix($wisegreen, $content_bg, 30%);
+  background: linear-gradient(170deg, lighten($color, 10%), $color 200px);
 }