diff --git a/packages/features/bookings/components/event-meta/AvailableEventLocations.tsx b/packages/features/bookings/components/event-meta/AvailableEventLocations.tsx
index 34d84f24a4..18f2a2064e 100644
--- a/packages/features/bookings/components/event-meta/AvailableEventLocations.tsx
+++ b/packages/features/bookings/components/event-meta/AvailableEventLocations.tsx
@@ -21,7 +21,10 @@ function RenderIcon({
   return (
     <img
       src={eventLocationType.iconUrl}
-      className="me-[10px] h-4 w-4 opacity-70 invert-[.65] dark:invert-0"
+      className={classNames(
+        eventLocationType?.iconUrl?.includes("-dark") && "dark:invert",
+        "me-[10px] h-4 w-4"
+      )}
       alt={`${eventLocationType.label} icon`}
     />
   );