diff --git a/pos-frontend/app/page.tsx b/pos-frontend/app/page.tsx
index cc0d3d0..eed17e2 100644
--- a/pos-frontend/app/page.tsx
+++ b/pos-frontend/app/page.tsx
@@ -1,15 +1,12 @@
 import React from "react"
-import { Button } from '@nextui-org/button'
-import { Nav, Stack } from "react-bootstrap"
+import { Button, Nav, Stack } from "react-bootstrap"
 import 'bootstrap/dist/css/bootstrap.min.css'
-import { Navbar, NavbarBrand, NavbarContent, NavbarItem } from "@nextui-org/react"
-import Link from "next/link"
 
 export default function Page() {
   return (
     <div className="flex gap-4 items-center" style={{ padding: 4 }}>
       <Button color="primary" size="lg">Click me 2</Button>
-      <Button size="md">
+      <Button size="sm">
         Medium
       </Button>
       <Button size="lg">
@@ -20,7 +17,7 @@ export default function Page() {
         <div className="p-2">Second item</div>
         <div className="p-2">Third item</div>
       </Stack>
-      <ul className="nav flex-column">
+      <Nav className="flex-column">
         <li className="nav-item">
           <a className="nav-link active" href="/x">Active</a>
         </li>
@@ -33,7 +30,7 @@ export default function Page() {
         <li className="nav-item">
           <a className="nav-link disabled" href="#">Disabled</a>
         </li>
-      </ul>
+      </Nav>
     </div>
   )
 }