diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index 5258b54b..5a8f123f 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -387,8 +387,8 @@
     }
 
     .application-list-item {
+      box-shadow: $box-shadow;
       border-radius: 5px;
-      box-shadow: 0 4px 8px 1px rgba(230,230,230,0.5), -4px 4px 8px 1px rgba(230,230,230,0.5);
       margin-bottom: 6 * $gap;
 
       .col {
@@ -476,7 +476,6 @@
   }
 
   table {
-    box-shadow: 0 6px 18px 0 rgba(144,164,183,0.3);
     thead {
       th:first-child {
         padding-left: 3 * $gap;
diff --git a/styles/core/_variables.scss b/styles/core/_variables.scss
index 19335b2a..a76893bc 100644
--- a/styles/core/_variables.scss
+++ b/styles/core/_variables.scss
@@ -113,7 +113,7 @@ $color-focus:                $color-gray-light;
 $color-visited:              $color-purple;
 
 $color-overlay:              rgba(#000, 0.5);
-$color-shadow:               rgba(#000, 0.3);
+$color-shadow:               rgba(208, 219, 231, 0.5);
 $color-transparent:          rgba(#000, 0);
 
 // Mobile First Breakpoints
@@ -154,7 +154,7 @@ $label-border-radius:           2px;
 $checkbox-border-radius:        2px;
 $border-radius:                 3px;
 $button-border-radius:          5px;
-$box-shadow:                    0 0 2px $color-shadow;
+$box-shadow:                    0px 2px 5px 0px $color-shadow;
 $focus-outline:                 2px dotted $color-gray-light;
 $focus-spacing:                 3px;
 $nav-width:                     300px; // previously 951px;
diff --git a/styles/elements/_panels.scss b/styles/elements/_panels.scss
index 96bb04dd..5c9040b8 100644
--- a/styles/elements/_panels.scss
+++ b/styles/elements/_panels.scss
@@ -47,8 +47,8 @@
 }
 
 @mixin shadow-panel {
-  padding: $gap / 2 0;
-  box-shadow: 0 6px 18px 0 rgba(144,164,183,0.3);
+  padding: $gap /2 0;
+  box-shadow: $box-shadow;
   border-top: none;
   border-bottom: none;
 }
@@ -57,6 +57,7 @@
   @include panel-base;
   @include panel-theme-default;
   @include panel-margin;
+  @include shadow-panel;
 
   .panel__content {
     margin: ($gap * 2) 0;
diff --git a/styles/elements/_sidenav.scss b/styles/elements/_sidenav.scss
index fa6f3a3f..9e034598 100644
--- a/styles/elements/_sidenav.scss
+++ b/styles/elements/_sidenav.scss
@@ -16,7 +16,7 @@
     }
     width: 25rem;
 
-    box-shadow: 0 6px 18px 0 rgba(48,58,65,0.15);
+    box-shadow: $box-shadow;
 
     .sidenav__title {
       @include sidenav__header;