diff --git a/assets/css/brand.css b/assets/css/brand.css
index c914b75b31fbdd2f054f0a8c942ca5a4bcac90f6..a3e31a97a8fe1f9cc587908c4a26fb67378534a9 100644
--- a/assets/css/brand.css
+++ b/assets/css/brand.css
@@ -781,8 +781,8 @@ html:not(.js) .navbar-default .dropdown:hover > button .navbar-nav__icon {
   color: #29abe2;
 }
 
-.teaser-profile-preview .field--name-uid .field--item a:hover {
-  color: #29abe2;
+.profile-preview-link:hover:before {
+  border-color: #29abe2;
 }
 
 @media (min-width: 900px) {
diff --git a/components/brand.scss b/components/brand.scss
index 887aff152973ee505ea0fa881c3f284c735acba9..434125314081d12c49036fc38dac2b49d660df91 100644
--- a/components/brand.scss
+++ b/components/brand.scss
@@ -931,6 +931,6 @@ html:not(.js) .navbar-default {
   color: $brand-primary;
 }
 
-.teaser-profile-preview .field--name-uid .field--item a:hover{
-  color: $brand-primary;
+.profile-preview-link:hover:before {
+  border-color: $brand-primary;
 }