From 5847a266c6fc83c31162735166b479d7ddf74151 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Tue, 12 Aug 2025 20:10:32 +0200
Subject: [PATCH 1/3] Make sure Meta logo shows up in Safari

---
 src/app/conf/2025/components/sponsors.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/app/conf/2025/components/sponsors.tsx b/src/app/conf/2025/components/sponsors.tsx
index 5788db1741..d1fbc422ae 100644
--- a/src/app/conf/2025/components/sponsors.tsx
+++ b/src/app/conf/2025/components/sponsors.tsx
@@ -4,7 +4,6 @@ import Netflix from "public/img/conf/Sponsors/Netflix.svg?svgr"
 
 import { clsx } from "clsx"
 import { ChevronRight } from "../../_design-system/pixelarticons/chevron-right"
-import { ComponentPropsWithoutRef } from "react"
 
 interface Sponsor {
   icon:
@@ -13,6 +12,7 @@ interface Sponsor {
     | React.FC<React.HTMLAttributes<HTMLDivElement>>
   name: string
   link: string
+  className?: string
 }
 
 const sponsorDiamond: Sponsor[] = []
@@ -58,19 +58,19 @@ const sponsorSilver: Sponsor[] = [
   },
   {
     icon: (props: React.HTMLAttributes<HTMLDivElement>) => (
-      <div {...props} className={clsx(props.className, "relative")}>
+      <div {...props} className={clsx(props.className, "relative size-full")}>
         <img
           src={
             new URL("/public/img/conf/Sponsors/Meta.svg", import.meta.url).href
           }
-          className="absolute inset-0 dark:hidden"
+          className="absolute inset-0 size-full object-cover dark:hidden"
         />
         <img
           src={
             new URL("/public/img/conf/Sponsors/Meta-dark.svg", import.meta.url)
               .href
           }
-          className="absolute inset-0 hidden dark:block"
+          className="absolute inset-0 hidden size-full object-cover dark:block"
         />
       </div>
     ),
@@ -135,15 +135,18 @@ function Tier({ tier, logoHeight }: { tier: Tier; logoHeight: number }) {
         <ChevronRight className="shrink-0 translate-y-[-0.5px]" />
         {tier.name}
       </h3>
-      <div className="flex flex-wrap justify-center gap-y-4">
-        {tier.items.map(({ link, icon: Icon, name }, i) => (
+      <div className="flex min-w-[70%] flex-wrap justify-center gap-y-4">
+        {tier.items.map(({ link, icon: Icon, name, className }, i) => (
           <a
             key={i}
             href={link}
             target="_blank"
             rel="noreferrer"
             title={name}
-            className="group flex min-h-24 items-center justify-center hover:bg-neu-500/10 dark:opacity-90 dark:hover:opacity-100"
+            className={clsx(
+              "group flex min-h-24 grow basis-1/2 items-center justify-center hover:bg-neu-500/10 dark:opacity-90 dark:hover:opacity-100",
+              className,
+            )}
           >
             <Icon
               className="aspect-[3] w-auto max-w-[80%] shrink-0"

From 83369b568e9af61a7e96cc396f08f41eee32e103 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Tue, 12 Aug 2025 20:11:30 +0200
Subject: [PATCH 2/3] Clean up code that didn't help solve the bug

---
 src/app/conf/2025/components/sponsors.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/app/conf/2025/components/sponsors.tsx b/src/app/conf/2025/components/sponsors.tsx
index d1fbc422ae..281cc9b309 100644
--- a/src/app/conf/2025/components/sponsors.tsx
+++ b/src/app/conf/2025/components/sponsors.tsx
@@ -12,7 +12,6 @@ interface Sponsor {
     | React.FC<React.HTMLAttributes<HTMLDivElement>>
   name: string
   link: string
-  className?: string
 }
 
 const sponsorDiamond: Sponsor[] = []
@@ -136,17 +135,14 @@ function Tier({ tier, logoHeight }: { tier: Tier; logoHeight: number }) {
         {tier.name}
       </h3>
       <div className="flex min-w-[70%] flex-wrap justify-center gap-y-4">
-        {tier.items.map(({ link, icon: Icon, name, className }, i) => (
+        {tier.items.map(({ link, icon: Icon, name }, i) => (
           <a
             key={i}
             href={link}
             target="_blank"
             rel="noreferrer"
             title={name}
-            className={clsx(
-              "group flex min-h-24 grow basis-1/2 items-center justify-center hover:bg-neu-500/10 dark:opacity-90 dark:hover:opacity-100",
-              className,
-            )}
+            className="group flex min-h-24 grow basis-1/2 items-center justify-center hover:bg-neu-500/10 dark:opacity-90 dark:hover:opacity-100"
           >
             <Icon
               className="aspect-[3] w-auto max-w-[80%] shrink-0"

From dbcc44a623096568ced187a619a850532a3bee07 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Tue, 12 Aug 2025 20:26:15 +0200
Subject: [PATCH 3/3] Add a media prefix

---
 src/app/conf/2025/components/sponsors.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/conf/2025/components/sponsors.tsx b/src/app/conf/2025/components/sponsors.tsx
index 281cc9b309..492634a7a6 100644
--- a/src/app/conf/2025/components/sponsors.tsx
+++ b/src/app/conf/2025/components/sponsors.tsx
@@ -142,7 +142,7 @@ function Tier({ tier, logoHeight }: { tier: Tier; logoHeight: number }) {
             target="_blank"
             rel="noreferrer"
             title={name}
-            className="group flex min-h-24 grow basis-1/2 items-center justify-center hover:bg-neu-500/10 dark:opacity-90 dark:hover:opacity-100"
+            className="group flex min-h-24 grow items-center justify-center hover:bg-neu-500/10 dark:opacity-90 dark:hover:opacity-100 md:basis-1/2"
           >
             <Icon
               className="aspect-[3] w-auto max-w-[80%] shrink-0"