diff --git a/components/CaseStudyCard.tsx b/components/CaseStudyCard.tsx
index 26a2066b045c..f03cc6ab7029 100644
--- a/components/CaseStudyCard.tsx
+++ b/components/CaseStudyCard.tsx
@@ -19,11 +19,11 @@ export default function CaseStudyCard({ studies = [] }: ICaseStudyCardProps) {
   }
 
   return (
-    <div className='flex flex-wrap pt-10 lg:grid lg:grid-cols-3 lg:gap-8 lg:text-center gap-3'>
+    <div className='flex flex-wrap gap-3 pt-10 lg:grid lg:grid-cols-3 lg:gap-8 lg:text-center'>
       {studies.map((study, index) => (
         <a key={index} href={`casestudies/${study.id}`}>
           <div
-            className='max-w-sm h-full overflow-hidden min-h-[300px] rounded-md border border-gray-200 bg-white p-4'
+            className='h-full min-h-[300px] max-w-sm overflow-hidden rounded-md border border-gray-200 bg-white p-4'
             data-testid='CaseStudyCard-main'
           >
             <span className='mr-2'>
diff --git a/components/MDX/MDX.tsx b/components/MDX/MDX.tsx
index c3ead83b61b3..773f5953e040 100644
--- a/components/MDX/MDX.tsx
+++ b/components/MDX/MDX.tsx
@@ -37,7 +37,7 @@ import Row from '../layout/Row';
 import NewsletterSubscribe from '../NewsletterSubscribe';
 import Profiles from '../Profiles';
 import Remember from '../Remember';
-import Sponsors from '../sponsors/Sponsors';
+import Sponsors from '../sponsors/PlatinumSponsors';
 import Warning from '../Warning';
 import { Table, TableBody, TableCell, TableHeader, TableRow, Thead } from './MDXTable';
 
diff --git a/components/sponsors/GoldSponsors.tsx b/components/sponsors/GoldSponsors.tsx
index 3729ffcc7e09..f7155ba4b4ec 100644
--- a/components/sponsors/GoldSponsors.tsx
+++ b/components/sponsors/GoldSponsors.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
 import { goldSponsors } from './GoldSponsorsList';
+import SponsorImage from './SponsorImage';
 
 interface GoldSponsorsProps {
   className?: string;
@@ -26,10 +27,10 @@ export default function GoldSponsors({ className = '' }: GoldSponsorsProps): Rea
             rel='noopener noreferrer'
             data-testid='GoldSponsors-link'
           >
-            <img
-              className={sponsor.imageClass}
+            <SponsorImage
               src={sponsor.imageSrc}
               alt={sponsor.altText}
+              className={sponsor.imageClass}
               data-testid='GoldSponsors-img'
             />
           </a>
diff --git a/components/sponsors/Sponsors.tsx b/components/sponsors/PlatinumSponsors.tsx
similarity index 93%
rename from components/sponsors/Sponsors.tsx
rename to components/sponsors/PlatinumSponsors.tsx
index fd5aff751179..cb83b776421c 100644
--- a/components/sponsors/Sponsors.tsx
+++ b/components/sponsors/PlatinumSponsors.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
-import { sponsors } from './SponsorsList';
+import { sponsors } from './PlatinumSponsorsList';
+import SponsorImage from './SponsorImage';
 
 interface SponsorsProps {
   className: string;
@@ -26,7 +27,7 @@ export default function Sponsors({ className = '', showSupportBanner = true }: S
               rel='noopener noreferrer'
               data-testid='Sponsors-link'
             >
-              <img
+              <SponsorImage
                 className={sponsor?.imageClass}
                 src={sponsor.imageSrc}
                 alt={sponsor.altText}
diff --git a/components/sponsors/SponsorsList.ts b/components/sponsors/PlatinumSponsorsList.ts
similarity index 100%
rename from components/sponsors/SponsorsList.ts
rename to components/sponsors/PlatinumSponsorsList.ts
diff --git a/components/sponsors/SilverSponsors.tsx b/components/sponsors/SilverSponsors.tsx
index 4a737aef7df9..f1276bed8b13 100644
--- a/components/sponsors/SilverSponsors.tsx
+++ b/components/sponsors/SilverSponsors.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
 import { Silversponsors } from './SilverSponsorsList';
+import SponsorImage from './SponsorImage';
 
 interface SilverSponsorsProps {
   className: string;
@@ -26,10 +27,10 @@ export default function SilverSponsors({ className = '' }: SilverSponsorsProps):
             rel='noopener noreferrer'
             data-testid='SilverSponsors-link'
           >
-            <img
-              className={sponsor.imageClass}
+            <SponsorImage
               src={sponsor.imageSrc}
               alt={sponsor.altText}
+              className={sponsor.imageClass}
               data-testid='SilverSponsors-img'
             />
           </a>
diff --git a/components/sponsors/SponsorImage.tsx b/components/sponsors/SponsorImage.tsx
new file mode 100644
index 000000000000..e51e179e8330
--- /dev/null
+++ b/components/sponsors/SponsorImage.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import { twMerge } from 'tailwind-merge';
+
+interface SponsorImageProps {
+  src: string;
+  alt?: string;
+  className?: string;
+}
+
+/**
+ * A component that displays sponsor logos with consistent dimensions
+ */
+export default function SponsorImage({ src, alt = 'Sponsor logo', className }: SponsorImageProps) {
+  return (
+    <div className='flex size-full items-center justify-center'>
+      <img src={src} alt={alt} className={twMerge('max-h-9 sm:max-h-12 w-auto object-contain', className)} />
+    </div>
+  );
+}
diff --git a/pages/[lang]/index.tsx b/pages/[lang]/index.tsx
index 634982c9ee2a..705f34789b72 100644
--- a/pages/[lang]/index.tsx
+++ b/pages/[lang]/index.tsx
@@ -21,8 +21,8 @@ import NewsletterSubscribe from '../../components/NewsletterSubscribe';
 import NewsroomSection from '../../components/newsroom/NewsroomSection';
 import Slack from '../../components/slack';
 import GoldSponsors from '../../components/sponsors/GoldSponsors';
+import Sponsors from '../../components/sponsors/PlatinumSponsors';
 import SilverSponsors from '../../components/sponsors/SilverSponsors';
-import Sponsors from '../../components/sponsors/Sponsors';
 import SupportUs from '../../components/SupportUs/SupportUs';
 import Testimonial from '../../components/Testimonial';
 import Heading from '../../components/typography/Heading';