diff --git a/apps/site/src/app/_components/Card.tsx b/apps/site/src/app/_components/Card.tsx
index c9ee46f9f..0d813ed1f 100644
--- a/apps/site/src/app/_components/Card.tsx
+++ b/apps/site/src/app/_components/Card.tsx
@@ -2,7 +2,7 @@ import Image, { type ImageProps } from 'next/image'
 
 import { ArrowUpRight } from '@phosphor-icons/react/dist/ssr'
 import { clsx } from 'clsx'
-import theme from 'tailwindcss/defaultTheme'
+import theme from 'tailwindcss/dist/default-theme'
 
 import { type CTAProps } from '@/types/ctaType'
 import type { ImageObjectFit, StaticImageProps } from '@/types/imageType'
@@ -72,7 +72,7 @@ export function Card({
   return (
     <Tag
       className={clsx(
-        'relative h-full rounded-lg border bg-brand-700/30 backdrop-blur-xl',
+        'relative h-full rounded-lg border bg-brand-700 bg-opacity-30 backdrop-blur-xl',
         borderStyles[borderColor],
       )}
     >
diff --git a/apps/site/src/app/_components/Form/FormListbox.tsx b/apps/site/src/app/_components/Form/FormListbox.tsx
index 33564fb0e..112537fc3 100644
--- a/apps/site/src/app/_components/Form/FormListbox.tsx
+++ b/apps/site/src/app/_components/Form/FormListbox.tsx
@@ -1,5 +1,5 @@
 import { Listbox } from '@headlessui/react'
-import theme from 'tailwindcss/defaultTheme'
+import theme from 'tailwindcss/dist/default-theme'
 
 import { FormField, type FormFieldProps } from '@/components/Form/FormField'
 import { type IconProps } from '@/components/Icon'
diff --git a/apps/site/src/app/_utils/buildImageSizeProp.ts b/apps/site/src/app/_utils/buildImageSizeProp.ts
index d49f67cb8..0828ebb7c 100644
--- a/apps/site/src/app/_utils/buildImageSizeProp.ts
+++ b/apps/site/src/app/_utils/buildImageSizeProp.ts
@@ -1,4 +1,4 @@
-import theme from 'tailwindcss/defaultTheme'
+import theme from 'tailwindcss/dist/default-theme'
 
 const screens = theme.screens
 
diff --git a/apps/site/src/app/events/[slug]/components/ScheduleSection/Tabs.tsx b/apps/site/src/app/events/[slug]/components/ScheduleSection/Tabs.tsx
index ff75362c2..36e0c4f5c 100644
--- a/apps/site/src/app/events/[slug]/components/ScheduleSection/Tabs.tsx
+++ b/apps/site/src/app/events/[slug]/components/ScheduleSection/Tabs.tsx
@@ -4,7 +4,7 @@ import { useRef } from 'react'
 
 import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react'
 import { useQueryState, parseAsInteger } from 'nuqs'
-import theme from 'tailwindcss/defaultTheme'
+import theme from 'tailwindcss/dist/default-theme'
 import { useIsMounted, useMediaQuery } from 'usehooks-ts'
 
 import type { Event } from '../../../types/eventType'