diff --git a/public/assets/css/base.css b/public/assets/css/base.css
index 3e604b9aec..a294a15d3e 100644
--- a/public/assets/css/base.css
+++ b/public/assets/css/base.css
@@ -602,10 +602,10 @@ hr {
     box-shadow: var(--shadow);
 }
 
-.profile > text {
+.profile *[class*="profile-info-"] {
     flex: 1;
-    filter: invert(1) !important;
-    mix-blend-mode: difference !important;
+    mix-blend-mode: difference;
+    filter: invert(1);
 }
 
 .profile-info {
diff --git a/templates/cards/profile/view.html.twig b/templates/cards/profile/view.html.twig
index ad207ac3e4..44166d2b87 100644
--- a/templates/cards/profile/view.html.twig
+++ b/templates/cards/profile/view.html.twig
@@ -8,7 +8,7 @@
         <a href="{{ path('actor_view_nickname', {'nickname' : actor_nickname}) }}">
             <div class="profile-info">
                 <img src='{{ actor_avatar }}' class="profile-avatar" alt="{{ actor_nickname }}{{ '\'s avatar.' | trans }}">
-                <strong id="profile-info-nickname" title="{{ actor_nickname }}{{ '\'s nickname.' | trans }}">{{ actor_nickname }}</strong>
+                <strong class="profile-info-nickname" title="{{ actor_nickname }}{{ '\'s nickname.' | trans }}">{{ actor_nickname }}</strong>
 
                 <section class="profile-info-bio">
                     {% if actor_bio %}