diff --git a/packages/features/bookings/components/AvailableTimes.tsx b/packages/features/bookings/components/AvailableTimes.tsx
index a0913883e4..78ac9406b2 100644
--- a/packages/features/bookings/components/AvailableTimes.tsx
+++ b/packages/features/bookings/components/AvailableTimes.tsx
@@ -68,7 +68,7 @@ export const AvailableTimes = ({
       </header>
       <div className="h-full pb-4">
         {!slots.length && (
-          <div className="bg-subtle flex h-full flex-col items-center rounded-md p-6">
+          <div className="bg-subtle border-subtle flex h-full flex-col items-center rounded-md border p-6 dark:bg-transparent">
             <CalendarX2 className="text-muted mb-2 h-4 w-4" />
             <p className={classNames("text-muted", showTimeformatToggle ? "-mt-1 text-lg" : "text-sm")}>
               {t("all_booked_today")}