diff --git a/src/App.scss b/src/App.scss
index 55b0de94..f830a33b 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -155,7 +155,7 @@ input, textarea, .select {
       box-shadow: 0px 0px 2px black inset;
       margin-right: .5em;
       background-color: $fallback--input;
-      background-color: var(--input $fallback--input);
+      background-color: var(--input, $fallback--input);
       vertical-align: top;
       text-align: center;
       line-height: 1.1em;
diff --git a/src/_variables.scss b/src/_variables.scss
index 5967ccb2..0e46489c 100644
--- a/src/_variables.scss
+++ b/src/_variables.scss
@@ -28,7 +28,7 @@ $fallback--avatarRadius: 4px;
 $fallback--avatarAltRadius: 10px;
 $fallback--attachmentRadius: 10px;
 
-$usercard-text-shadow-color: rgba(0,0,0,.3);
+$usercard-text-shadow-color: #666;
 $usercard-text-shadow: 0px 1px 5px rgba(0, 0, 0, .7),
 0 1px 0px $usercard-text-shadow-color,
 0 -1px 0px $usercard-text-shadow-color,
diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue
index 5c139dca..ce860926 100644
--- a/src/components/user_card_content/user_card_content.vue
+++ b/src/components/user_card_content/user_card_content.vue
@@ -236,6 +236,7 @@
   text-align: center;
   justify-content: space-between;
   text-shadow: $usercard-text-shadow;
+  color: #fff;
 
   &.clickable {
     .user-count {