From 31a1362fe665a35757b32c2afb810631a79f009b Mon Sep 17 00:00:00 2001
From: Rhys Sullivan <39114868+RhysSullivan@users.noreply.github.com>
Date: Wed, 17 Jan 2024 11:18:26 -0800
Subject: [PATCH] fix(3000): last updated at overflowing on mobile dashboards
 (#19571)

* init

* use flex-wrap & tailwind instead of SCSS
---
 frontend/src/lib/hooks/useResizeObserver.ts | 2 +-
 frontend/src/scenes/dashboard/Dashboard.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/hooks/useResizeObserver.ts b/frontend/src/lib/hooks/useResizeObserver.ts
index 8a9c4c6599b75..2560f69fbbed9 100644
--- a/frontend/src/lib/hooks/useResizeObserver.ts
+++ b/frontend/src/lib/hooks/useResizeObserver.ts
@@ -9,7 +9,7 @@ if (!window.ResizeObserver) {
 
 export const useResizeObserver = useResizeObserverImport
 
-export function useResizeBreakpoints<T>(
+export function useResizeBreakpoints<T extends string>(
     breakpoints: { [key: number]: T },
     options?: {
         ref?: RefObject<HTMLDivElement> | null | undefined
diff --git a/frontend/src/scenes/dashboard/Dashboard.tsx b/frontend/src/scenes/dashboard/Dashboard.tsx
index b3a80fdc1f23a..8fa64cc76e2f2 100644
--- a/frontend/src/scenes/dashboard/Dashboard.tsx
+++ b/frontend/src/scenes/dashboard/Dashboard.tsx
@@ -110,7 +110,7 @@ function DashboardScene(): JSX.Element {
                 <EmptyDashboardComponent loading={itemsLoading} canEdit={canEditDashboard} />
             ) : (
                 <div>
-                    <div className="flex space-x-4 justify-between">
+                    <div className="flex gap-2 items-center justify-between flex-wrap">
                         {![
                             DashboardPlacement.Public,
                             DashboardPlacement.Export,