diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js
index f2c7cb2..6bf3c16 100644
--- a/src/components/Header/Header.js
+++ b/src/components/Header/Header.js
@@ -15,7 +15,7 @@ const Header = ({ ChangePage, CurrentPage, Resume }) => {
           />
         ))}
       </ul>
-      <button className="btn btn-primary btn-sm col-1">About Us</button>
+      <button className="btn btn-sm col-1">About Us</button>
     </nav>
   );
 };
diff --git a/src/styles/App.scss b/src/styles/App.scss
index f1f8913..7050b79 100644
--- a/src/styles/App.scss
+++ b/src/styles/App.scss
@@ -1,6 +1,6 @@
 body {
   font-family: "Montserrat", sans-serif;
-  background-color: #e0e8e5;
+  background-color: #ECE9E1;
   @import "utils";
   @import "header";
   @import "main";
diff --git a/src/styles/_header.scss b/src/styles/_header.scss
index 1d651d2..869b98d 100644
--- a/src/styles/_header.scss
+++ b/src/styles/_header.scss
@@ -1,5 +1,5 @@
 .navbar {
-  background-color: #003100;
+  background-color: #000000;
   margin-bottom: 50px;
   @include box-shadow(3px, 0.25);
   &-brand {
@@ -13,3 +13,12 @@
     outline: none;
   }
 }
+
+.navbar .btn {
+  background: #B29155;
+  color: #000;
+  font-weight: 500;
+}
+.navbar .btn:focus {
+  box-shadow: none;
+}