diff --git a/app/soapbox/reducers/theme.js b/app/soapbox/reducers/theme.js
index bcb1c7275..3bbd71a30 100644
--- a/app/soapbox/reducers/theme.js
+++ b/app/soapbox/reducers/theme.js
@@ -23,7 +23,7 @@ export const generateTheme = (brandColor, mode) => {
     'accent-color': brightness(10, hue(-3, brandColor).hex).hex,
     'brand-color-faint': cssrgba(brandColor, 0.1),
     'brand-color-med': cssrgba(brandColor, 0.2),
-    'highlight-text-color': makeContrast(10, brandColor, mode).hex,
+    'highlight-text-color': makeContrast(5, brandColor, mode).hex,
     'brand-color-hicontrast': makeContrast(20, brandColor, mode).hex,
   });
 };
diff --git a/app/styles/soapbox/components.scss b/app/styles/soapbox/components.scss
index baed24839..8f389aadf 100644
--- a/app/styles/soapbox/components.scss
+++ b/app/styles/soapbox/components.scss
@@ -1358,12 +1358,13 @@ a.account__display-name {
     display: flex;
     width: 100%;
     height: auto;
-      z-index: 105;
+    z-index: 105;
+    background: $gab-background-container-light;
 
-      @media (min-width: 895px) {
-        top: -290px;
-        position: sticky;
-      }
+    @media (min-width: 895px) {
+      top: -290px;
+      position: sticky;
+    }
   }
 
   &__columns {