diff --git a/components/calendar.tsx b/components/calendar.tsx
index 8c56d0d..e2b5a3e 100644
--- a/components/calendar.tsx
+++ b/components/calendar.tsx
@@ -94,7 +94,7 @@ export default function MyCalendar({
   return (
     <div className={className}>
       <h2 className="text-xl">Belegungsplan</h2>
-      <Loading loading={daysBookedLoading}>
+      <Loading className="booking_calendar" loading={daysBookedLoading}>
         <Calendar
           defaultActiveStartDate={startDate}
           minDate={new Date()}
diff --git a/components/loading.tsx b/components/loading.tsx
index 6668a86..7ac749d 100644
--- a/components/loading.tsx
+++ b/components/loading.tsx
@@ -3,12 +3,15 @@ import Spinner from './spinner'
 
 export default function Loading({
   loading,
+  className,
   children,
 }: {
   loading: boolean
+  className: string
   children: any
 }) {
-  const classNames = classnames({
+  const classNames = classnames(className, {
+    loaded: !loading,
     'opacity-50': loading,
   })
   return (