diff --git a/frontend/src/styles/friends.scss b/frontend/src/styles/friends.scss
index 0c74a1929..ee36fd6eb 100644
--- a/frontend/src/styles/friends.scss
+++ b/frontend/src/styles/friends.scss
@@ -62,6 +62,12 @@
         &:last-child {
           text-align: right;
         }
+
+        //don't wrap friendsfor rand streak into multiple lines
+        &:nth-child(2),
+        &:nth-child(6) {
+          white-space: nowrap;
+        }
       }
 
       .sub {
diff --git a/frontend/src/styles/media-queries-blue.scss b/frontend/src/styles/media-queries-blue.scss
index 9d725f05c..8fb8a4b68 100644
--- a/frontend/src/styles/media-queries-blue.scss
+++ b/frontend/src/styles/media-queries-blue.scss
@@ -230,8 +230,24 @@
     //   border-radius: 0.15em;
     // }
   }
-}
 
+  .pageFriends {
+    .content .friends table {
+      font-size: 0.75rem;
+
+      //hide friends for, tests
+      td:nth-child(2),
+      td:nth-child(4),
+      td:nth-child(6) {
+        //border: 1px dashed red;
+        display: none;
+      }
+      .badge .text {
+        display: none;
+      }
+    }
+  }
+}
 @media (pointer: coarse) and (max-width: 778px) {
   #restartTestButton {
     display: block !important;
diff --git a/frontend/src/styles/media-queries-brown.scss b/frontend/src/styles/media-queries-brown.scss
index 64787a3e7..c8c8465be 100644
--- a/frontend/src/styles/media-queries-brown.scss
+++ b/frontend/src/styles/media-queries-brown.scss
@@ -101,4 +101,21 @@
       }
     }
   }
+  .pageFriends {
+    .content .friends table {
+      font-size: 0.75rem;
+
+      td:nth-child(2),
+      td:nth-child(3),
+      td:nth-child(4),
+      td:nth-child(5),
+      td:nth-child(6) {
+        display: none;
+      }
+
+      .badge .text {
+        display: none;
+      }
+    }
+  }
 }
diff --git a/frontend/src/styles/media-queries-green.scss b/frontend/src/styles/media-queries-green.scss
index 563a3e547..31015cca6 100644
--- a/frontend/src/styles/media-queries-green.scss
+++ b/frontend/src/styles/media-queries-green.scss
@@ -277,4 +277,18 @@
       }
     }
   }
+  .pageFriends {
+    .content .friends table {
+      font-size: 0.9rem;
+
+      td:nth-child(2),
+      td:nth-child(6) {
+        display: none;
+      }
+
+      .badge .text {
+        display: none;
+      }
+    }
+  }
 }
diff --git a/frontend/src/styles/media-queries-purple.scss b/frontend/src/styles/media-queries-purple.scss
index 8cffe9b3a..c8ddc57ed 100644
--- a/frontend/src/styles/media-queries-purple.scss
+++ b/frontend/src/styles/media-queries-purple.scss
@@ -322,4 +322,22 @@
   .modalWrapper .modal .inputs.withLabel {
     grid-template-columns: 1fr;
   }
+
+  .pageFriends {
+    .content .friends table {
+      font-size: 0.75rem;
+
+      td:nth-child(2),
+      td:nth-child(3),
+      td:nth-child(4),
+      td:nth-child(5),
+      td:nth-child(6) {
+        display: none;
+      }
+
+      .badge .text {
+        display: none;
+      }
+    }
+  }
 }
diff --git a/frontend/src/styles/media-queries-yellow.scss b/frontend/src/styles/media-queries-yellow.scss
index 403311e15..1e338a96f 100644
--- a/frontend/src/styles/media-queries-yellow.scss
+++ b/frontend/src/styles/media-queries-yellow.scss
@@ -85,4 +85,13 @@
       }
     }
   }
+  .pageFriends {
+    .content .friends table {
+      font-size: 0.9rem;
+
+      .badge .text {
+        display: none;
+      }
+    }
+  }
 }