diff --git a/apps/web/app/(main)/contacts/page.tsx b/apps/web/app/(main)/contacts/page.tsx
index f7aa957..2bd43e6 100644
--- a/apps/web/app/(main)/contacts/page.tsx
+++ b/apps/web/app/(main)/contacts/page.tsx
@@ -1,17 +1,20 @@
 import { ContactsList } from '@/components/contacts/contacts-list';
 import { ContactsFilter } from '@/components/contacts/dropdown-filter';
 import { ContactsFilterProvider } from '@/context/contacts-filter';
+import { Card } from '@repo/ui/components/ui/card';
 
 export default function ContactsPage() {
   return (
     <ContactsFilterProvider>
-      <div className="flex flex-row items-center justify-between space-x-4 bg-background p-4">
-        <h1 className="text-2xl font-bold">Контакты</h1>
-        <ContactsFilter />
-      </div>
-      <div className="bg-background p-4 pt-0">
-        <ContactsList />
-      </div>
+      <Card>
+        <div className="flex flex-row items-center justify-between space-x-4 p-4">
+          <h1 className="text-2xl font-bold">Контакты</h1>
+          <ContactsFilter />
+        </div>
+        <div className="p-4 pt-0">
+          <ContactsList />
+        </div>
+      </Card>
     </ContactsFilterProvider>
   );
 }