diff --git a/src/components/Navbar.css b/src/components/Navbar.css
index a565a8c..0b5a48c 100644
--- a/src/components/Navbar.css
+++ b/src/components/Navbar.css
@@ -1,6 +1,7 @@
 .navbar {
-  background-color: #060b26;
+  background-color: #ba3a07c2;
   height: 80px;
+  width: 100px;
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -13,7 +14,7 @@
 }
 
 .nav-menu {
-  background-color: #060b26;
+  background-color: #ba3a07c2;
   width: 250px;
   height: 100vh;
   display: flex;
@@ -59,7 +60,7 @@
 }
 
 .navbar-toggle {
-  background-color: #060b26;
+  background-color: #ba3a07c2;
   width: 100%;
   height: 80px;
   display: flex;
diff --git a/src/components/SidebarData.tsx b/src/components/SidebarData.tsx
index 573fd3e..cb07c5a 100644
--- a/src/components/SidebarData.tsx
+++ b/src/components/SidebarData.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
-import * as FaIcons from 'react-icons/fa';
+import * as MdIcons from 'react-icons/md';
 import * as AiIcons from 'react-icons/ai';
-import * as IoIcons from 'react-icons/io';
+import * as BiIcons from 'react-icons/bi';
 
 export const SidebarData = [
   {
@@ -13,13 +13,13 @@ export const SidebarData = [
   {
     title: 'Flights',
     path: '/flights',
-    icon: <IoIcons.IoIosPaper />,
+    icon: <MdIcons.MdFlightTakeoff />,
     cName: 'nav-text'
   },
   {
     title: 'Seasons',
     path: '/seasons',
-    icon: <FaIcons.FaCartPlus />,
+    icon: <BiIcons.BiCalendar />,
     cName: 'nav-text'
   }
 ];