diff --git a/web/components/ui/followers/SingleFollower/SingleFollower.module.scss b/web/components/ui/followers/SingleFollower/SingleFollower.module.scss
index df6228aaf..a2acd2452 100644
--- a/web/components/ui/followers/SingleFollower/SingleFollower.module.scss
+++ b/web/components/ui/followers/SingleFollower/SingleFollower.module.scss
@@ -9,13 +9,26 @@
   height: 75px;
   width: 250px;
   font-size: 0.8rem;
-  overflow: hidden;
-  @include screen(mobile){
+
+  color: var(--theme-color-components-text-on-light);
+
+  .name {
+    font-weight: 600;
+    font-size: 1rem;
+    color: var(--theme-color-components-text-on-light);
+  }
+
+  .account {
+    color: var(--theme-color-components-text-on-light);
+    overflow: hidden;
+  }
+
+  @include screen(mobile) {
     margin: auto;
   }
 
   &:hover {
-    border-color: var(--theme-text-link);
+    border-color: var(--theme-color-action);
   }
 
   .avatar {
@@ -26,11 +39,6 @@
     border-style: solid;
   }
 
-  .account {
-    color: var(--theme-text-secondary);
-    text-overflow: ellipsis;
-  }
-
   .placeholder {
     width: 100%;
     height: 100%;
diff --git a/web/components/ui/followers/SingleFollower/SingleFollower.tsx b/web/components/ui/followers/SingleFollower/SingleFollower.tsx
index 5980f453c..e245b749a 100644
--- a/web/components/ui/followers/SingleFollower/SingleFollower.tsx
+++ b/web/components/ui/followers/SingleFollower/SingleFollower.tsx
@@ -18,7 +18,7 @@ export const SingleFollower: FC<SingleFollowerProps> = ({ follower }) => (
           </Avatar>
         </Col>
         <Col>
-          <Row>{follower.name}</Row>
+          <Row className={styles.name}>{follower.name}</Row>
           <Row className={styles.account}>{follower.username}</Row>
         </Col>
       </Row>