diff --git a/demo/main.css b/demo/main.css
index 50c3f0a7..ca05c070 100644
--- a/demo/main.css
+++ b/demo/main.css
@@ -16,6 +16,8 @@ side-menu {
   width: 260px;
   height: 100%;
   overflow-y: auto;
+  overflow-x: hidden;;
+  background-color: #E9E9F9;
 }
 
 redoc {
diff --git a/lib/components/SideMenu/side-menu.css b/lib/components/SideMenu/side-menu.css
new file mode 100644
index 00000000..8ea12bb4
--- /dev/null
+++ b/lib/components/SideMenu/side-menu.css
@@ -0,0 +1,4 @@
+h2 {
+  text-transform: uppercase;
+  color: #1976D3;
+}
diff --git a/lib/components/SideMenu/side-menu.js b/lib/components/SideMenu/side-menu.js
index 33fe1d6e..8f84737c 100644
--- a/lib/components/SideMenu/side-menu.js
+++ b/lib/components/SideMenu/side-menu.js
@@ -15,6 +15,7 @@ const CHANGE = {
   selector: 'side-menu',
   providers: [SchemaManager],
   templateUrl: './lib/components/SideMenu/side-menu.html',
+  styleUrls: ['./lib/components/SideMenu/side-menu.css'], 
   directives: [SideMenuCat]
 })
 export class SideMenu extends BaseComponent {
diff --git a/lib/components/SideMenuCat/side-menu-cat.css b/lib/components/SideMenuCat/side-menu-cat.css
index 29c08230..c6a02198 100644
--- a/lib/components/SideMenuCat/side-menu-cat.css
+++ b/lib/components/SideMenuCat/side-menu-cat.css
@@ -1,7 +1,8 @@
 label {
   font-weight: bold;
-  font-size: 18px;
+  font-size: 15px;
   cursor: pointer;
+  color: #666;
 }
 
 ul {