diff --git a/stylesheets/_modal.scss b/stylesheets/_modal.scss
index a0c314bb4..6f154ded3 100644
--- a/stylesheets/_modal.scss
+++ b/stylesheets/_modal.scss
@@ -206,7 +206,9 @@
     position: relative;
 
     .module-avatar {
-      box-shadow: 0 0 23px 0 rgba($session-color-black, 0.78);
+      @include themify($themes) {
+        box-shadow: 0px 0px 13px 0.5px themed('sessionShadowColor');
+      }
     }
 
     .qr-view-button {
diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss
index 2a186d566..a56d9ac9b 100644
--- a/stylesheets/_session.scss
+++ b/stylesheets/_session.scss
@@ -922,7 +922,6 @@ label {
   height: 80px;
   border-radius: 100%;
   background-color: rgba($session-color-black, 0.72);
-  box-shadow: 0px 0px 3px 0.5px rgba(0, 0, 0, 0.75);
   opacity: 0;
   transition: $session-transition-duration;
 
diff --git a/stylesheets/themes.scss b/stylesheets/themes.scss
index ca7c5ebae..070d34596 100644
--- a/stylesheets/themes.scss
+++ b/stylesheets/themes.scss
@@ -34,6 +34,7 @@ $themes: (
     receivedMessageText: $black,
     sentMessageText: $black,
     sessionShadow: 0 0 4px 0 rgba($black, 0.37),
+    sessionShadowColor: rgba($black, 0.37),
     // left pane
       conversationList: $white,
     conversationItemHasUnread: #fcfcfc,
@@ -83,6 +84,7 @@ $themes: (
     receivedMessageText: $white,
     sentMessageText: $white,
     sessionShadow: 0 0 4px 0 rgba($white, 0.2),
+    sessionShadowColor: rgba($white, 0.2),
     // left pane
       conversationList: #1b1b1b,
     conversationItemHasUnread: #2c2c2c,