diff --git a/app/components/ui/internal/MediaImageCard.vue b/app/components/ui/internal/MediaImageCard.vue
index 5da3bbf..2c9d6d5 100644
--- a/app/components/ui/internal/MediaImageCard.vue
+++ b/app/components/ui/internal/MediaImageCard.vue
@@ -51,11 +51,13 @@ const props = defineProps<Props>();
             <TooltipProvider>
                 <Tooltip>
                     <TooltipTrigger as-child>
-                        <NuxtImg class="rounded-lg" ref="imageElement" :src="props.image_url" sizes="128px md:256px"
-                            quality="100" />
-                        <p class="text-lg line-clamp-2 font-semibold">
-                            {{ props.title }}
-                        </p>
+                        <div>
+                            <NuxtImg class="rounded-lg" ref="imageElement" :src="props.image_url" sizes="128px md:256px"
+                                quality="100" />
+                            <p class="text-lg line-clamp-2 font-semibold">
+                                {{ props.title }}
+                            </p>
+                        </div>
                     </TooltipTrigger>
                     <TooltipContent :sideOffset="16" :collisionBoundary="props.tooltipCollisionBoundary"
                         :avoidCollisions="true" side="right" class="bg-muted text-muted-foreground"