From 9d01a7dc74fa5f4f9ab23acaea53a7226be3d549 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Wed, 13 Mar 2024 07:58:46 -0600
Subject: [PATCH] Fix gif layout (#10421)

---
 web/src/components/image/AnimatedEventThumbnail.tsx | 2 +-
 web/src/views/live/LiveDashboardView.tsx            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/image/AnimatedEventThumbnail.tsx b/web/src/components/image/AnimatedEventThumbnail.tsx
index 40bddd46c..0b21006f8 100644
--- a/web/src/components/image/AnimatedEventThumbnail.tsx
+++ b/web/src/components/image/AnimatedEventThumbnail.tsx
@@ -45,7 +45,7 @@ export function AnimatedEventThumbnail({ event }: AnimatedEventThumbnailProps) {
   return (
     <Tooltip>
       <TooltipTrigger asChild>
-        <div className="h-24 relative">
+        <div className="w-max h-24 relative">
           <img
             className="size-full rounded object-cover object-center cursor-pointer"
             src={imageUrl}
diff --git a/web/src/views/live/LiveDashboardView.tsx b/web/src/views/live/LiveDashboardView.tsx
index ffae25eab..013621350 100644
--- a/web/src/views/live/LiveDashboardView.tsx
+++ b/web/src/views/live/LiveDashboardView.tsx
@@ -117,7 +117,7 @@ export default function LiveDashboardView({
       {events && events.length > 0 && (
         <ScrollArea>
           <TooltipProvider>
-            <div className="flex gap-4 items-center">
+            <div className="flex gap-2 items-center">
               {events.map((event) => {
                 return <AnimatedEventThumbnail key={event.id} event={event} />;
               })}