diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index e4fdc278..4d1f90ed 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -27,6 +27,7 @@
     border-bottom-left-radius: inherit;
     // create new stacking context
     position: relative;
+    text-shadow: 0 0 1em var(--btn, $fallback--fg);
   }
 
   .background-image {
@@ -184,12 +185,19 @@
     }
   }
 
+  .top-line {
+    .button-unstyled {
+      filter: drop-shadow(0 0 1em var(--btn, $fallback--fg));
+    }
+  }
+
   .user-name {
     text-overflow: ellipsis;
     overflow: hidden;
     flex: 1 1 auto;
     margin-right: 1em;
     font-size: 1.1em;
+    text-shadow: 0 0 1em var(--btn, $fallback--fg);
   }
 
   .bottom-line {
@@ -208,6 +216,7 @@
       overflow: hidden;
       color: $fallback--lightText;
       color: var(--lightText, $fallback--lightText);
+      text-shadow: 0 0 1em var(--btn, $fallback--fg);
     }
 
     .dailyAvg {
@@ -217,6 +226,7 @@
       font-size: 0.7em;
       color: $fallback--text;
       color: var(--text, $fallback--text);
+      text-shadow: 0 0 1em var(--btn, $fallback--fg);
     }
 
     .user-role {
@@ -235,6 +245,7 @@
     line-height: 22px;
     flex-wrap: wrap;
     justify-content: right;
+    text-shadow: 0 0 1em var(--btn, $fallback--fg);
 
     .following, .requested_by, .blocking {
       flex: 1 0 auto;