diff --git a/apps/web/app/table/[id]/page.tsx b/apps/web/app/table/[id]/page.tsx
index a8d3d710f..81dcf0ada 100644
--- a/apps/web/app/table/[id]/page.tsx
+++ b/apps/web/app/table/[id]/page.tsx
@@ -1,8 +1,8 @@
 'use client'
 
 import { Table as CoreTable } from '@egodb/core'
-import { Alert, Container, IconAlertCircle, Skeleton } from '@egodb/ui'
-import { Loading } from '../../../components/loading'
+import { Alert, Container, IconAlertCircle } from '@egodb/ui'
+import { TableLoading } from '../../../components/loading'
 import { trpc } from '../../../trpc'
 import Table from './table'
 
@@ -11,7 +11,7 @@ export default function Page({ params: { id } }: { params: { id: string } }) {
   const records = trpc.record.list.useQuery({ tableId: id })
 
   if (getTable.isLoading) {
-    return <Loading />
+    return <TableLoading />
   }
 
   if (getTable.isError) {
diff --git a/apps/web/components/loading.tsx b/apps/web/components/loading.tsx
index 4a8d89cab..038c3e130 100644
--- a/apps/web/components/loading.tsx
+++ b/apps/web/components/loading.tsx
@@ -1,7 +1,7 @@
 import { Group, Skeleton } from '@egodb/ui'
 import React from 'react'
 
-export const Loading: React.FC = () => {
+export const TableLoading: React.FC = () => {
   return (
     <Group fz="md" p="md">
       <Skeleton h="30px" />