From 89e0d3b453a7bd52bdb25288a3cfdb65ab79b7fe Mon Sep 17 00:00:00 2001
From: f-necas <39771412+f-necas@users.noreply.github.com>
Date: Thu, 14 Nov 2024 09:27:48 +0100
Subject: [PATCH] fix: add wrap to home buttons to avoid mobile horizontal
 scroll (#1038)

---
 .../src/app/home/home-header/home-header.component.html      | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/datahub/src/app/home/home-header/home-header.component.html b/apps/datahub/src/app/home/home-header/home-header.component.html
index 2ba6e7a39..270e43834 100644
--- a/apps/datahub/src/app/home/home-header/home-header.component.html
+++ b/apps/datahub/src/app/home/home-header/home-header.component.html
@@ -23,7 +23,10 @@
         (itemSelected)="onFuzzySearchSelection($event)"
         [autoFocus]="true"
       ></gn-ui-fuzzy-search>
-      <div class="flex h-0 py-5 gap-3" [style.opacity]="-0.6 + expandRatio * 2">
+      <div
+        class="flex flex-wrap h-0 py-5 gap-3"
+        [style.opacity]="-0.6 + expandRatio * 2"
+      >
         <datahub-header-badge-button
           [routerLink]="ROUTE_SEARCH"
           *ngIf="isAuthenticated$ | async"