diff --git a/src/api/index.ts b/src/api/index.ts
index 747eb74..48d1a7d 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -1,10 +1,10 @@
 import axios from 'axios';
-import { Bill, BillForm } from '../types/bill';
+import { Bill, BillFormType } from '../types/bill';
 
 const BASE_URL = process.env.REACT_APP_API_URL;
 const client = axios.create({ baseURL: BASE_URL });
 
-export const createBill = async (data: BillForm) => {
+export const createBill = async (data: BillFormType) => {
   try {
     const { data: response } = await client.post<number>('/', data);
     return response;
diff --git a/src/layouts/main.tsx b/src/layouts/main.tsx
index b024a8d..5b34094 100644
--- a/src/layouts/main.tsx
+++ b/src/layouts/main.tsx
@@ -34,7 +34,9 @@ export const withLayout =
             </Row>
           </Header>
           <Content style={{ padding: '20px 50px' }}>
-            <Component {...props} />
+            <main>
+              <Component {...props} />
+            </main>
           </Content>
           <Footer style={{ textAlign: 'center' }}>🍉 Melon - Property Management</Footer>
         </Layout>
diff --git a/src/pages/bills.tsx b/src/pages/bills.tsx
index ef75634..9133d20 100644
--- a/src/pages/bills.tsx
+++ b/src/pages/bills.tsx
@@ -20,7 +20,7 @@ function BillsPage() {
   }, []);
 
   return (
-    <section>
+    <>
       <h1>All bills</h1>
       <List
         grid={{ gutter: 16, column: 4 }}
@@ -36,7 +36,7 @@ function BillsPage() {
           </Link>
         )}
       />
-    </section>
+    </>
   );
 }
 
diff --git a/src/pages/notFound.tsx b/src/pages/notFound.tsx
index e1d9ae7..0c135db 100644
--- a/src/pages/notFound.tsx
+++ b/src/pages/notFound.tsx
@@ -1,4 +1,4 @@
-import { Button, Col, Image, Row } from 'antd';
+import { Button, Image, Row } from 'antd';
 import { useHistory } from 'react-router-dom';
 import NotFoundImage from '../assets/notFound/404.png';
 import { withLayout } from '../layouts/main';
@@ -6,7 +6,7 @@ import { withLayout } from '../layouts/main';
 function NotFoundPage() {
   const history = useHistory();
   return (
-    <Col>
+    <>
       <Row justify="center">
         <Button size="large" type="link" onClick={() => history.push('/')}>
           Go Back to Safety
@@ -15,7 +15,7 @@ function NotFoundPage() {
       <Row justify="center">
         <Image src={NotFoundImage} preview={false} width={800} />
       </Row>
-    </Col>
+    </>
   );
 }
 
diff --git a/src/types/bill.ts b/src/types/bill.ts
index 37cbdaa..087cb6e 100644
--- a/src/types/bill.ts
+++ b/src/types/bill.ts
@@ -1,4 +1,4 @@
-export type BillForm = {
+export type BillFormType = {
   name: string;
   phoneNumber: string;
   price: number;
@@ -29,7 +29,7 @@ export interface Bill {
 
 export enum Room {
   t2,
-  t3,
+  t3
 }
 
 export enum Platform {
@@ -37,19 +37,19 @@ export enum Platform {
   booking,
   airbnb,
   tripadvisor,
-  perso,
+  perso
 }
 
 export enum PaymentMethod {
   card,
   cash,
   cheque,
-  transfer,
+  transfer
 }
 
 export enum PaymentStatus {
   pending,
   canceled,
   completed,
-  refund,
+  refund
 }