diff --git a/src/components/colors.webc b/src/components/colors.webc
index 30b81de..7b0be0a 100644
--- a/src/components/colors.webc
+++ b/src/components/colors.webc
@@ -42,6 +42,8 @@
 
     overflow: clip;
 
+    box-shadow: 0 0 0.5em var(--clr-box-shadow);
+
     @media (min-width: 35em) {
       --areas: 'color' 'heading' 'value';
       --rows: var(--color-box-size) 1fr auto;
diff --git a/src/components/filter-list.webc b/src/components/filter-list.webc
index 68d85c6..0862f53 100644
--- a/src/components/filter-list.webc
+++ b/src/components/filter-list.webc
@@ -52,7 +52,7 @@
 
     font-size: 0.75em;
 
-    box-shadow: 0.125em 0.125em 0.5em var(--clr-box-shadow);
+    box-shadow: 0.125em 0.125em 0.75em 0.25em var(--clr-box-shadow);
 
     margin-block: 1em;
     border-radius: 1em;
diff --git a/src/components/quick-info.webc b/src/components/quick-info.webc
index e677ae0..abf6d2a 100644
--- a/src/components/quick-info.webc
+++ b/src/components/quick-info.webc
@@ -16,7 +16,7 @@
       var(--gradient-end) 50%
     );
 
-    box-shadow: 0.125em 0.125em 0.5em var(--clr-box-shadow);
+    box-shadow: 0.125em 0.125em 0.75em 0.25em var(--clr-box-shadow);
 
     margin-block: 1em;
     border-radius: 1em;
diff --git a/src/components/trait-card.webc b/src/components/trait-card.webc
index 5fb2370..fbea6ca 100644
--- a/src/components/trait-card.webc
+++ b/src/components/trait-card.webc
@@ -71,7 +71,7 @@
     border-radius: inherit;
     padding: 1.5em;
 
-    box-shadow: 0.125em 0.125em 0.5em var(--clr-box-shadow);
+    box-shadow: 0.125em 0.125em 0.75em 0.25em var(--clr-box-shadow);
 
     z-index: 0;
   }