diff --git a/app/components/layout/index.tsx b/app/components/layout/index.tsx
index 7f48d0245..46fe2480e 100644
--- a/app/components/layout/index.tsx
+++ b/app/components/layout/index.tsx
@@ -52,6 +52,8 @@ import notificationPopoverStyles from "./NotificationPopover.module.css";
import { TopNavMenus } from "./TopNavMenus";
import { TopRightButtons } from "./TopRightButtons";
+const MAX_DESKTOP_FRIENDS = 4;
+
function useTimeFormat() {
const { i18n } = useTranslation();
@@ -310,7 +312,9 @@ export function Layout({
{t("front:sideNav.friends")}
{friends.length > 0 ? (
- friends.map((friend) =>