diff --git a/src/components/TopBar.css b/src/components/TopBar.css
new file mode 100644
index 0000000..f9b6b04
--- /dev/null
+++ b/src/components/TopBar.css
@@ -0,0 +1,6 @@
+.topbar-color
+{
+    background-color:#05aad1 !important;
+}
+
+  
\ No newline at end of file
diff --git a/src/components/TopBar.js b/src/components/TopBar.js
index d9151e1..01cc6f5 100644
--- a/src/components/TopBar.js
+++ b/src/components/TopBar.js
@@ -1,8 +1,9 @@
 import React from 'react';
+import './TopBar.css';
 
 function TopBar () {
   return (
-    <div className='mdl-layout__header'>
+    <div className='topbar-color mdl-layout__header'>
       <div className='mdl-layout__header-row'>
         <span className='mdl-layout-title'>CodeChain Config Generator</span>
         <div className='mdl-layout-spacer' />