diff --git a/app/styles/common.css b/app/styles/common.css
index 68f2a6f7f..06edcf1fb 100644
--- a/app/styles/common.css
+++ b/app/styles/common.css
@@ -2,12 +2,12 @@
 *::before,
 *::after {
   box-sizing: border-box;
-  color: var(--text);
 }
 
 body {
   width: 100%;
   background-color: var(--bg);
+  color: var(--text);
   font-family: Lexend, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: antialiased;
diff --git a/app/styles/front.css b/app/styles/front.css
index 2f763501e..26da37276 100644
--- a/app/styles/front.css
+++ b/app/styles/front.css
@@ -35,6 +35,7 @@
   height: 75px;
   border-radius: var(--rounded);
   background-color: var(--bg-lighter);
+  color: var(--text);
   place-items: center;
   transition: all 0.2s ease-out;
 }
diff --git a/app/styles/u.css b/app/styles/u.css
index 4063d7839..0eec863e7 100644
--- a/app/styles/u.css
+++ b/app/styles/u.css
@@ -188,6 +188,7 @@
 .u-search__user {
   display: flex;
   align-items: center;
+  color: var(--text);
   font-weight: var(--body);
   gap: var(--s-4);
   line-height: 1.2rem;