diff --git a/hotel-management/src/components/ButtonIcon/ButtonIcon.test.tsx b/hotel-management/src/components/ButtonIcon/ButtonIcon.test.tsx
index 7bbc7e5..8b44e1e 100644
--- a/hotel-management/src/components/ButtonIcon/ButtonIcon.test.tsx
+++ b/hotel-management/src/components/ButtonIcon/ButtonIcon.test.tsx
@@ -1,17 +1,19 @@
-import renderer from 'react-test-renderer'
+import renderer from 'react-test-renderer';
 
 // Components
-import ButtonIcon from '.'
-import { HiOutlineLogout } from 'react-icons/hi'
+import ButtonIcon from '.';
+import { HiOutlineLogout } from 'react-icons/hi';
 
 describe('ButtonIcon testing snapshot', () => {
-  const wrapper = renderer.create(<ButtonIcon
-    aria-label="Logout"
-    icon={<HiOutlineLogout />}
-    iconStyle={{ size: '23px' }}
-  />)
+  const wrapper = renderer.create(
+    <ButtonIcon
+      aria-label="Logout"
+      icon={<HiOutlineLogout />}
+      iconStyle={{ size: '23px' }}
+    />
+  );
 
   test('render', () => {
-    expect(wrapper).toMatchSnapshot()
-  })
-})
+    expect(wrapper).toMatchSnapshot();
+  });
+});
diff --git a/hotel-management/src/components/Form/Form.test.tsx b/hotel-management/src/components/Form/Form.test.tsx
index 38bb2c8..88fa5d0 100644
--- a/hotel-management/src/components/Form/Form.test.tsx
+++ b/hotel-management/src/components/Form/Form.test.tsx
@@ -1,7 +1,10 @@
 import renderer from 'react-test-renderer';
 
+// Components
 import Form from '.';
 import Input from '@commonStyle/Input';
+
+// Styled
 import { FormBtn } from '@page/User/styled';
 
 describe('Form testing snapshot', () => {
diff --git a/hotel-management/src/components/Header/Header.test.tsx b/hotel-management/src/components/Header/Header.test.tsx
index c821c9d..0bc8ae5 100644
--- a/hotel-management/src/components/Header/Header.test.tsx
+++ b/hotel-management/src/components/Header/Header.test.tsx
@@ -1,10 +1,12 @@
-import renderer from 'react-test-renderer'
-import Header from '.'
+import renderer from 'react-test-renderer';
+
+// Components
+import Header from '.';
 
 describe('Header testing snapshot', () => {
-  const wrapper = renderer.create(<Header accountName='Nezumi' />)
+  const wrapper = renderer.create(<Header accountName="Nezumi" />);
 
   test('render', () => {
-    expect(wrapper).toMatchSnapshot()
-  })
-})
+    expect(wrapper).toMatchSnapshot();
+  });
+});
diff --git a/hotel-management/src/components/HeaderMenu/HeaderMenu.test.tsx b/hotel-management/src/components/HeaderMenu/HeaderMenu.test.tsx
index 068e641..58a1c3c 100644
--- a/hotel-management/src/components/HeaderMenu/HeaderMenu.test.tsx
+++ b/hotel-management/src/components/HeaderMenu/HeaderMenu.test.tsx
@@ -1,5 +1,6 @@
 import renderer from 'react-test-renderer';
 
+// Components
 import HeaderMenu from '.';
 
 describe('HeaderMenu testing snapshot', () => {
diff --git a/hotel-management/src/components/Menus/Menus.test.tsx b/hotel-management/src/components/Menus/Menus.test.tsx
index 389a582..737fdeb 100644
--- a/hotel-management/src/components/Menus/Menus.test.tsx
+++ b/hotel-management/src/components/Menus/Menus.test.tsx
@@ -1,5 +1,6 @@
 import renderer from 'react-test-renderer';
 
+// Components
 import Menus from '.';
 import { RiEditBoxFill, RiDeleteBin2Line } from 'react-icons/ri';
 
diff --git a/hotel-management/src/components/Message/Message.test.tsx b/hotel-management/src/components/Message/Message.test.tsx
index e4a5430..f296a09 100644
--- a/hotel-management/src/components/Message/Message.test.tsx
+++ b/hotel-management/src/components/Message/Message.test.tsx
@@ -1,5 +1,6 @@
 import renderer from 'react-test-renderer';
 
+// Components
 import Message from '.';
 
 describe('Message testing snapshot', () => {
diff --git a/hotel-management/src/components/Nav/Nav.test.tsx b/hotel-management/src/components/Nav/Nav.test.tsx
index 9306e67..7d74950 100644
--- a/hotel-management/src/components/Nav/Nav.test.tsx
+++ b/hotel-management/src/components/Nav/Nav.test.tsx
@@ -1,8 +1,8 @@
 import renderer from 'react-test-renderer';
+import { BrowserRouter } from 'react-router-dom';
 
 // Components
 import Nav from '.';
-import { BrowserRouter } from 'react-router-dom';
 
 describe('Nav testing snapshot', () => {
   const wrapper = renderer.create(
diff --git a/hotel-management/src/components/OrderBy/Order.test.tsx b/hotel-management/src/components/OrderBy/Order.test.tsx
index ea0801c..a26b403 100644
--- a/hotel-management/src/components/OrderBy/Order.test.tsx
+++ b/hotel-management/src/components/OrderBy/Order.test.tsx
@@ -1,8 +1,9 @@
 import renderer from 'react-test-renderer';
-
-import Order from '.';
 import { BrowserRouter } from 'react-router-dom';
 
+// Components
+import Order from '.';
+
 describe('<Order.test />', () => {
   const options = [
     {
diff --git a/hotel-management/src/components/Search/Search.test.tsx b/hotel-management/src/components/Search/Search.test.tsx
index 2ff11e7..78ced58 100644
--- a/hotel-management/src/components/Search/Search.test.tsx
+++ b/hotel-management/src/components/Search/Search.test.tsx
@@ -1,8 +1,9 @@
 import renderer from 'react-test-renderer';
-
-import Search from '.';
 import { BrowserRouter } from 'react-router-dom';
 
+// Components
+import Search from '.';
+
 describe('Search testing snapshot', () => {
   const placeHolder = 'Search placeholder...';
   const wrapper = renderer.create(
diff --git a/hotel-management/src/components/Select/Select.test.tsx b/hotel-management/src/components/Select/Select.test.tsx
index 6af8de2..e42c6aa 100644
--- a/hotel-management/src/components/Select/Select.test.tsx
+++ b/hotel-management/src/components/Select/Select.test.tsx
@@ -1,5 +1,6 @@
 import renderer from 'react-test-renderer';
 
+// Components
 import Select from '.';
 
 describe('Select testing snapshot', () => {
diff --git a/hotel-management/src/components/SortBy/SortBy.test.tsx b/hotel-management/src/components/SortBy/SortBy.test.tsx
index 75858e4..ea0c899 100644
--- a/hotel-management/src/components/SortBy/SortBy.test.tsx
+++ b/hotel-management/src/components/SortBy/SortBy.test.tsx
@@ -1,8 +1,9 @@
 import renderer from 'react-test-renderer';
-
-import SortBy from '.';
 import { BrowserRouter } from 'react-router-dom';
 
+// Components
+import SortBy from '.';
+
 describe('<SortBy.test />', () => {
   const options = [
     {
diff --git a/hotel-management/src/components/Table/Table.test.tsx b/hotel-management/src/components/Table/Table.test.tsx
index 262d7ce..347a5a2 100644
--- a/hotel-management/src/components/Table/Table.test.tsx
+++ b/hotel-management/src/components/Table/Table.test.tsx
@@ -1,6 +1,9 @@
 import renderer from 'react-test-renderer';
 
+// Components
 import Table from '.';
+
+// Types
 import { IUser } from '@type/users';
 
 interface ITableRow {
@@ -23,7 +26,7 @@ describe('Table testing snapshot', () => {
       isBooked: false,
     },
   ];
-  const TableRow = ({user}: ITableRow) => {
+  const TableRow = ({ user }: ITableRow) => {
     const { id, name, phone, isBooked } = user;
 
     return (
@@ -35,7 +38,7 @@ describe('Table testing snapshot', () => {
       </Table.Row>
     );
   };
-  const renderRow = (user: IUser) => <TableRow user={user} key={user.id}/>
+  const renderRow = (user: IUser) => <TableRow user={user} key={user.id} />;
 
   const wrapper = renderer.create(
     <Table columns="10% 35% 30% 15% 10%">
diff --git a/hotel-management/src/components/Toast/Toast.test.tsx b/hotel-management/src/components/Toast/Toast.test.tsx
index fa74a6f..c1c838b 100644
--- a/hotel-management/src/components/Toast/Toast.test.tsx
+++ b/hotel-management/src/components/Toast/Toast.test.tsx
@@ -1,5 +1,6 @@
 import renderer from 'react-test-renderer';
 
+// Components
 import Toast from '.';
 
 describe('Toast testing snapshot', () => {