diff --git a/apps/web/Components/Admin/AdminTable/Admin.module.css b/apps/web/Components/Admin/Admin.module.css
similarity index 100%
rename from apps/web/Components/Admin/AdminTable/Admin.module.css
rename to apps/web/Components/Admin/Admin.module.css
diff --git a/apps/web/Components/Admin/AdminRow/AdminRow.tsx b/apps/web/Components/Admin/AdminRow.tsx
similarity index 93%
rename from apps/web/Components/Admin/AdminRow/AdminRow.tsx
rename to apps/web/Components/Admin/AdminRow.tsx
index b0b4ddf..7740347 100644
--- a/apps/web/Components/Admin/AdminRow/AdminRow.tsx
+++ b/apps/web/Components/Admin/AdminRow.tsx
@@ -1,4 +1,4 @@
-import style from '../AdminTable/Admin.module.css';
+import style from './Admin.module.css';
 import { getQueryValue } from '@/api/cache/query';
 import type { ResponseQueries } from '@/api/cache/types';
 import type { CollapseProps } from 'antd';
@@ -18,7 +18,7 @@ const Wrapper = styled.div`
   justify-content: space-between;
 `;
 
-export default function AdminRow(props: IProps) {
+export function AdminRow(props: IProps) {
   const { data, index, name, onClick } = props;
   const defaultItems: CollapseProps['items'] = [
     {
diff --git a/apps/web/Components/Admin/AdminRows/AdminRows.tsx b/apps/web/Components/Admin/AdminRows.tsx
similarity index 90%
rename from apps/web/Components/Admin/AdminRows/AdminRows.tsx
rename to apps/web/Components/Admin/AdminRows.tsx
index ade5f78..6b2fa5c 100644
--- a/apps/web/Components/Admin/AdminRows/AdminRows.tsx
+++ b/apps/web/Components/Admin/AdminRows.tsx
@@ -1,8 +1,8 @@
-import AdminRow from '../AdminRow/AdminRow';
+import { AdminRow } from './AdminRow';
 import type { CollapseProps } from 'antd';
 import { Collapse } from 'ui/elements';
 
-export default function AdminRows({
+export function AdminRows({
   index,
   name,
   onClick,
diff --git a/apps/web/Components/Admin/AdminTable/AdminTable.tsx b/apps/web/Components/Admin/AdminTable.tsx
similarity index 95%
rename from apps/web/Components/Admin/AdminTable/AdminTable.tsx
rename to apps/web/Components/Admin/AdminTable.tsx
index 38cde9d..9ddd494 100644
--- a/apps/web/Components/Admin/AdminTable/AdminTable.tsx
+++ b/apps/web/Components/Admin/AdminTable.tsx
@@ -1,4 +1,4 @@
-import AdminRows from '../AdminRows/AdminRows';
+import { AdminRows } from './AdminRows';
 import { deleleteQueriesByKey, deleteQuery, getQueries } from '@/api/cache/query';
 import type { ResponseQueries } from '@/api/cache/types';
 import { useEffect, useState } from 'react';
@@ -16,7 +16,7 @@ const Wrapper = styled.div`
   }
 `;
 
-export default function AdminTable() {
+export function AdminTable() {
   const [data, setData] = useState<ResponseQueries>({});
 
   const handleClick = async (name: string, key: string) => {
diff --git a/apps/web/Components/Admin/index.ts b/apps/web/Components/Admin/index.ts
new file mode 100644
index 0000000..b912125
--- /dev/null
+++ b/apps/web/Components/Admin/index.ts
@@ -0,0 +1,3 @@
+export * from './AdminRow';
+export * from './AdminRows';
+export * from './AdminTable';
diff --git a/apps/web/pages/admin.jsx b/apps/web/pages/admin.jsx
index f96c90d..c674fde 100644
--- a/apps/web/pages/admin.jsx
+++ b/apps/web/pages/admin.jsx
@@ -1,5 +1,5 @@
 import { makeGetServerSideProps } from '.';
-import AdminTable from '@/Components/Admin/AdminTable/AdminTable';
+import { AdminTable } from '@/Components/Admin';
 import { Error } from '@/Components/Common/Error';
 import Background from '@/Components/Layout/Background';
 import { Grid } from '@/Components/Layout/Page';