diff --git a/public/css/styles.css b/public/css/styles.css
index 19e669e6ebc947152707709415b10d1495e1eb34..c7ff0d88478343d48090f112b7f91426f1fb1705 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -14,7 +14,7 @@ body {
 
 /* HEADER */
 header {
-  background: #0073e6;
+  background: #4D55CC;
   color: #fff;
   padding: 20px;
   text-align: center;
diff --git a/views/index.ejs b/views/index.ejs
index dcae4db1a200bf1bbb3846f698d64691ff2ceed5..f8335f7e72c117b8011e3e09f91da72c87e1b54c 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -5,6 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Tour Website</title>
   <link rel="stylesheet" href="/css/styles.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+
 </head>
 <body>
   <header>