diff --git a/www/components/BuiltWithSupabase/index.tsx b/www/components/BuiltWithSupabase/index.tsx
index 5f0387d51c3..b3a6776dbe1 100644
--- a/www/components/BuiltWithSupabase/index.tsx
+++ b/www/components/BuiltWithSupabase/index.tsx
@@ -6,7 +6,7 @@ const BuiltExamples = () => {
   return (
     <div className="relative bg-gray-50 dark:bg-dark-300 pt-12 pb-16">
       <div className="absolute inset-0">
-        <div className="mx-auto bg-white dark:bg-dark-400 h-1/3 sm:h-2/3 lg:h-1/2 md:w-5/6 lg:w-3/4 xl:w-full"></div>
+        <div className="mx-auto bg-white dark:bg-dark-400 w-full h-1/3 sm:h-2/3 lg:h-1/2"></div>
       </div>
       <div className="container mx-auto px-8 sm:px-16 xl:px-20 relative">
         <div className="mx-auto max-w-7xl">
diff --git a/www/components/CaseStudies/index.tsx b/www/components/CaseStudies/index.tsx
index 9d0bc08d8d6..090537d68f1 100644
--- a/www/components/CaseStudies/index.tsx
+++ b/www/components/CaseStudies/index.tsx
@@ -7,7 +7,7 @@ const CaseStudies = () => {
   return (
     <div className="relative bg-gray-50 dark:bg-dark-400 pb-20">
       <div className="absolute inset-0">
-        <div className="mx-auto bg-white dark:bg-dark-300 h-1/3 sm:h-2/3 xl:h-2/5 xl:w-full"></div>
+        <div className="mx-auto bg-white dark:bg-dark-300 h-1/3 sm:h-3/5 xl:h-2/5 xl:w-full"></div>
       </div>
       <div className="container relative mx-auto px-8 sm:px-16 xl:px-20">
         <div className="relative max-w-7xl mx-auto">