From b54a9b8ad9cd0ee3c543076e881a00e2e99becf1 Mon Sep 17 00:00:00 2001
From: Jory Burson <jory@thestoryofjory.com>
Date: Thu, 29 Jan 2026 17:31:07 -0500
Subject: [PATCH] fix image issue on smallest device width

---
 src/app/conf/2026/components/sponsors.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app/conf/2026/components/sponsors.tsx b/src/app/conf/2026/components/sponsors.tsx
index 953d7d8965..b60995b56f 100644
--- a/src/app/conf/2026/components/sponsors.tsx
+++ b/src/app/conf/2026/components/sponsors.tsx
@@ -17,19 +17,22 @@ interface Sponsor {
 const sponsorPlatinum: Sponsor[] = [
   {
     icon: (props: React.HTMLAttributes<HTMLDivElement>) => (
-      <div {...props} className={clsx(props.className, "relative size-full")}>
+      <div
+        {...props}
+        className={clsx(props.className, "relative aspect-video flex-shrink-0")}
+      >
         <img
           src={
             new URL("/public/img/conf/Sponsors/Meta.svg", import.meta.url).href
           }
-          className="absolute inset-0 size-full object-cover dark:hidden"
+          className="absolute inset-0 size-full object-contain dark:hidden"
         />
         <img
           src={
             new URL("/public/img/conf/Sponsors/Meta-dark.svg", import.meta.url)
               .href
           }
-          className="absolute inset-0 hidden size-full object-cover dark:block"
+          className="absolute inset-0 hidden size-full object-contain dark:block"
         />
       </div>
     ),