diff --git a/apps/web/components/schedule/time-slots/components/slots-list.tsx b/apps/web/components/schedule/time-slots/components/slots-list.tsx
index c838e10..7006bf4 100644
--- a/apps/web/components/schedule/time-slots/components/slots-list.tsx
+++ b/apps/web/components/schedule/time-slots/components/slots-list.tsx
@@ -1,17 +1,12 @@
 'use client';
 import { SlotCard } from './slot-card';
+import { LoadingSpinner } from '@/components/common/spinner';
 import { useSlots } from '@/hooks/slots';
-import { Loader } from 'lucide-react';
 
 export function SlotsList() {
   const { data: slots, isLoading } = useSlots();
 
-  if (isLoading)
-    return (
-      <div className="flex items-center justify-center px-4">
-        <Loader className="animate-spin" />
-      </div>
-    );
+  if (isLoading) return <LoadingSpinner />;
 
   return (
     <div className="flex flex-col gap-4 px-4">