diff --git a/demo/main.css b/demo/main.css
index 3e81e4df..aac18536 100644
--- a/demo/main.css
+++ b/demo/main.css
@@ -49,29 +49,11 @@ nav {
   z-index: 1;
 }
 
-side-menu, redoc {
+redoc {
   display: block;
   box-sizing: border-box;
 }
 
-api-info, side-menu {
-  display: block;
-  padding: 10px 20px;
-}
-
-side-menu {
-  position: fixed;
-  width: 260px;
-  height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;;
-  background-color: #f2f2f2;
-}
-
-redoc {
-  margin-left: 260px;
-}
-
 pre {
   white-space: pre-wrap;
   background-color: #f2f2f2;
diff --git a/lib/components/Redoc/redoc.css b/lib/components/Redoc/redoc.css
new file mode 100644
index 00000000..2f9c9978
--- /dev/null
+++ b/lib/components/Redoc/redoc.css
@@ -0,0 +1,22 @@
+side-menu {
+  display: block;
+  box-sizing: border-box;
+}
+
+api-info, side-menu {
+  display: block;
+  padding: 10px 20px;
+}
+
+side-menu {
+  position: fixed;
+  width: 260px;
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;;
+  background-color: #f2f2f2;
+}
+
+.api-content {
+  margin-left: 260px;
+}
diff --git a/lib/components/Redoc/redoc.html b/lib/components/Redoc/redoc.html
index 0b3db080..1f5e4cee 100644
--- a/lib/components/Redoc/redoc.html
+++ b/lib/components/Redoc/redoc.html
@@ -1,3 +1,5 @@
 <side-menu> </side-menu>
-<api-info> </api-info>
-<methods-list> </methods-list>
+<div class="api-content">
+  <api-info> </api-info>
+  <methods-list> </methods-list>
+</div>
diff --git a/lib/components/Redoc/redoc.js b/lib/components/Redoc/redoc.js
index bb19f84c..d288e2b2 100644
--- a/lib/components/Redoc/redoc.js
+++ b/lib/components/Redoc/redoc.js
@@ -10,6 +10,7 @@ import SideMenu from '../SideMenu/side-menu';
   selector: 'redoc',
   providers: [SchemaManager],
   templateUrl: './lib/components/Redoc/redoc.html',
+  styleUrls: ['./lib/components/Redoc/redoc.css'],
   directives: [ApiInfo, MethodsList, SideMenu]
 })
 export default class Redoc extends BaseComponent {