diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
index a1454e13702020411095d3d107137ff90c9dfd38..3c8c2c2eb10062fdd6dcc642316a3d5a25159eaf 100644
--- a/src/components/Nav.tsx
+++ b/src/components/Nav.tsx
@@ -11,7 +11,10 @@ import NisumLogo from '../img/nisum.jpeg'
 =======
 import Logo from '../img/logo.png'
 import Nisum from '../img/nisum.jpeg'
+<<<<<<< HEAD
 >>>>>>> Add more styling
+=======
+>>>>>>> 247238ddabaea9507af45d4bae4b6f96e4a77a5a
 import {
     Drawer,
     DrawerBody,
@@ -77,7 +80,10 @@ const Nav = () => {
                 <HStack>
                     <Link to="/"><Image src={Logo} alt="project logo" className="logoImg"/></Link>
                     <h1>Order Management PRO</h1>
+<<<<<<< HEAD
 >>>>>>> Add more styling
+=======
+>>>>>>> 247238ddabaea9507af45d4bae4b6f96e4a77a5a
                     {/* <Link to="/"><h1>Order Management</h1></Link> */}
                 </HStack>
             </Box>
diff --git a/src/index.css b/src/index.css
index ecae9369c2cc56050e5a7bc731391779c31f2a90..7d3aaeacd05fb59ac599d7f0d41f1a2594f73b18 100644
--- a/src/index.css
+++ b/src/index.css
@@ -207,9 +207,28 @@ input[type=text]:focus {
 
 .account h1 {
   padding-top: 50px;
+<<<<<<< HEAD
 }
 
 
+.dropdown-icon span :hover {
+    /* color: #cccdcf; */
+    color: red;
+    /* background-color: #cccdcf; */
+    transition: 0.3s;
+=======
+>>>>>>> 247238ddabaea9507af45d4bae4b6f96e4a77a5a
+}
+
+.dropdown:hover {
+  color: #cccdcf;
+  background-color: #e9ecef;
+  transition: 0.4s;
+  border-radius: 2px;
+  padding: 0 2px;
+  /* width: 80px; */
+}
+
 .dropdown-icon span :hover {
     /* color: #cccdcf; */
     color: red;
diff --git a/src/pages/OrderShowPage.tsx b/src/pages/OrderShowPage.tsx
index f278ca3b6691250b526b46d386224b54bb8004d1..f3ea167d648d98f6e1f4933178627875f2647130 100644
--- a/src/pages/OrderShowPage.tsx
+++ b/src/pages/OrderShowPage.tsx
@@ -15,12 +15,17 @@ const OrderShowPage = (props: any) => {
     // const { id } = useParams<any>();
     // const { order } = useOrder(id)
     const location = props.match.params.id;
+<<<<<<< HEAD
 <<<<<<< HEAD
     const apiUrl = 'http://localhost:8084/api/orders/' + location;
 =======
     const apiUrl = 'http://localhost:8080/api/orders';
     // const apiUrl = 'http://138.91.251.222:8086/api/orders/' + location;
 >>>>>>> Add more styling
+=======
+    const apiUrl = 'http://localhost:8080/api/orders';
+    // const apiUrl = 'http://138.91.251.222:8086/api/orders/' + location;
+>>>>>>> 247238ddabaea9507af45d4bae4b6f96e4a77a5a
     const [order, setOrder] = useState<Order>();
     const [items, setItems] = useState<Item[]>()
 
diff --git a/src/router/MainRouter.tsx b/src/router/MainRouter.tsx
index b471edca1d6de112db89eb59bb53eb8472286176..3d440da7084cd715d14228f0571979baa264427f 100644
--- a/src/router/MainRouter.tsx
+++ b/src/router/MainRouter.tsx
@@ -22,9 +22,13 @@ const MainRouter: React.FC = () => {
                             </Switch>
                         </main>
 <<<<<<< HEAD
+<<<<<<< HEAD
 =======
                         {/* <Footer /> */}
 >>>>>>> Add more styling
+=======
+                        {/* <Footer /> */}
+>>>>>>> 247238ddabaea9507af45d4bae4b6f96e4a77a5a
                     </body>
                 </GoogleAuthProvider>
             </BrowserRouter>