diff --git a/web/components/panel.css b/web/components/panel.css
--- a/web/components/panel.css
+++ b/web/components/panel.css
@@ -30,3 +30,8 @@
   box-shadow: 0px 1px 3px 0px var(--panel-headerShadow-primary-default);
   clip-path: inset(0 0 -3px 0);
 }
+
+.secondaryHeaderContainer {
+  box-shadow: 0px 1px 3px 0px var(--panel-headerShadow-secondary-default);
+  clip-path: inset(0 0 -3px 0);
+}
diff --git a/web/components/panel.react.js b/web/components/panel.react.js
--- a/web/components/panel.react.js
+++ b/web/components/panel.react.js
@@ -31,9 +31,14 @@
     classNameOveride,
   );
 
+  const headerClassName = classnames({
+    [css.headerContainer]: true,
+    [css.secondaryHeaderContainer]: index % 2 === 1,
+  });
+
   return (
     <div className={className}>
-      <div className={css.headerContainer}>{header}</div>
+      <div className={headerClassName}>{header}</div>
       {body}
     </div>
   );
diff --git a/web/theme.css b/web/theme.css
--- a/web/theme.css
+++ b/web/theme.css
@@ -51,7 +51,9 @@
   --error-dark-90: #4f1203;
 
   --shadow-dark-35: #00000059;
+  --shadow-dark-25: #00000040;
   --shadow-light-35: #ffffff59;
+  --shadow-light-25: #ffffff40;
 
   --logo-bg: #111827;
   --spoiler-color: #33332c;
@@ -269,6 +271,7 @@
   --panel-background-primary-default: var(--shades-black-85);
   --panel-background-secondary-default: var(--shades-black-90);
   --panel-headerShadow-primary-default: var(--shadow-dark-35);
+  --panel-headerShadow-secondary-default: var(--shadow-dark-25);
 
   /* Button */
   --button-background-primary-default: var(--violet-dark-100);
@@ -369,6 +372,7 @@
   --panel-background-primary-default: var(--shades-white-80);
   --panel-background-secondary-default: var(--shades-white-90);
   --panel-headerShadow-primary-default: var(--shadow-light-35);
+  --panel-headerShadow-secondary-default: var(--shadow-light-25);
 
   /* Button */
   --button-background-primary-default: var(--violet-dark-100);