diff --git a/apps/web/components/common/spinner.tsx b/apps/web/components/common/spinner.tsx
deleted file mode 100644
index 2d31776..0000000
--- a/apps/web/components/common/spinner.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Loader2 } from 'lucide-react';
-
-export function LoadingSpinner() {
-  return (
-    <div className="flex h-full items-center justify-center">
-      <Loader2 className="size-8 animate-spin text-primary" />
-    </div>
-  );
-}
diff --git a/apps/web/components/contacts/contacts-list.tsx b/apps/web/components/contacts/contacts-list.tsx
index 748424b..d3f890d 100644
--- a/apps/web/components/contacts/contacts-list.tsx
+++ b/apps/web/components/contacts/contacts-list.tsx
@@ -1,9 +1,9 @@
 'use client';
 
-import { LoadingSpinner } from '../common/spinner';
 import { useCustomerContacts } from '@/hooks/api/contacts';
 import * as GQL from '@repo/graphql/types';
 import { Avatar, AvatarFallback, AvatarImage } from '@repo/ui/components/ui/avatar';
+import { LoadingSpinner } from '@repo/ui/components/ui/spinner';
 import Link from 'next/link';
 import { memo } from 'react';
 
diff --git a/apps/web/components/orders/order-form/contacts-grid.tsx b/apps/web/components/orders/order-form/contacts-grid.tsx
index 903f308..c44fe5e 100644
--- a/apps/web/components/orders/order-form/contacts-grid.tsx
+++ b/apps/web/components/orders/order-form/contacts-grid.tsx
@@ -1,6 +1,5 @@
 'use client';
 
-import { LoadingSpinner } from '@/components/common/spinner';
 import { CardSectionHeader } from '@/components/ui';
 import { ContactsContextProvider } from '@/context/contacts';
 import { useCustomerContacts } from '@/hooks/api/contacts';
@@ -11,6 +10,7 @@ import { withContext } from '@/utils/context';
 import { type CustomerFieldsFragment } from '@repo/graphql/types';
 import { Card } from '@repo/ui/components/ui/card';
 import { Label } from '@repo/ui/components/ui/label';
+import { LoadingSpinner } from '@repo/ui/components/ui/spinner';
 import { cn } from '@repo/ui/lib/utils';
 import Image from 'next/image';
 import { useEffect } from 'react';
diff --git a/apps/web/components/orders/order-form/index.tsx b/apps/web/components/orders/order-form/index.tsx
index 2d327eb..943a28a 100644
--- a/apps/web/components/orders/order-form/index.tsx
+++ b/apps/web/components/orders/order-form/index.tsx
@@ -7,9 +7,9 @@ import { NextButton } from './next-button';
 import { ErrorPage, SuccessPage } from './result';
 import { ServiceSelect } from './service-select';
 import { SubmitButton } from './submit-button';
-import { LoadingSpinner } from '@/components/common/spinner';
 import { OrderStoreProvider, useInitOrderStore, useOrderStore } from '@/stores/order';
 import { withContext } from '@/utils/context';
+import { LoadingSpinner } from '@repo/ui/components/ui/spinner';
 import { type JSX } from 'react';
 
 const STEP_COMPONENTS: Record<string, JSX.Element> = {
diff --git a/apps/web/components/profile/person-card.tsx b/apps/web/components/profile/person-card.tsx
index bbd5cb3..a7f7a1b 100644
--- a/apps/web/components/profile/person-card.tsx
+++ b/apps/web/components/profile/person-card.tsx
@@ -1,10 +1,10 @@
 'use client';
 
 import { type ProfileProps } from './types';
-import { LoadingSpinner } from '@/components/common/spinner';
 import { useCustomerQuery } from '@/hooks/api/customers';
 import { Avatar, AvatarFallback, AvatarImage } from '@repo/ui/components/ui/avatar';
 import { Card } from '@repo/ui/components/ui/card';
+import { LoadingSpinner } from '@repo/ui/components/ui/spinner';
 
 export function PersonCard({ telegramId }: Readonly<ProfileProps>) {
   const { data: { customer } = {}, isLoading } = useCustomerQuery({ telegramId });
diff --git a/apps/web/components/schedule/day-slots-list/index.tsx b/apps/web/components/schedule/day-slots-list/index.tsx
index de77c01..a432993 100644
--- a/apps/web/components/schedule/day-slots-list/index.tsx
+++ b/apps/web/components/schedule/day-slots-list/index.tsx
@@ -2,9 +2,9 @@
 
 import { DaySlotAddForm } from './day-slot-add-form';
 import { SlotCard } from './slot-card';
-import { LoadingSpinner } from '@/components/common/spinner';
 import { DateContext } from '@/context/date';
 import { useSlotsQuery } from '@/hooks/api/slots';
+import { LoadingSpinner } from '@repo/ui/components/ui/spinner';
 import { use } from 'react';
 
 export function DaySlotsList() {