diff --git a/components.html b/components.html
index 0db6eb2..34f18de 100644
--- a/components.html
+++ b/components.html
@@ -889,10 +889,10 @@ document
       <a href="#myModalexample" class="button">Open modal</a>
       <div id="myModalexample" class="modal">
         <header class="bar-nav">
-          <h1 class="title">Modal</h1>
-          <a class="button" href="#myModalexample">
+          <a class="button pull-right" href="#myModalexample">
             Close
           </a>
+          <h1 class="title">Modal</h1>
         </header>
         
         <div class="content">
@@ -905,10 +905,10 @@ document
 <a href="#myModalexample" class="button">Open modal</a>
 <div id="myModalexample" class="modal">
   <header class="bar-nav">
-    <h1 class="title">Modal</h1>
-    <a class="button" href="#myModalexample">
+    <a class="button pull-right" href="#myModalexample">
       Close
     </a>
+    <h1 class="title">Modal</h1>
   </header>
   
   <div class="content">
diff --git a/docs-assets/css/docs.css b/docs-assets/css/docs.css
index 3eb4aed..f39b919 100644
--- a/docs-assets/css/docs.css
+++ b/docs-assets/css/docs.css
@@ -24,7 +24,7 @@ body {
 }
 
 .docs-header {
-  background-image: linear-gradient(45deg, #336f90 0%, #254456 100%);
+  background-image: linear-gradient(45deg, #317ca6 0%, #254456 100%);
 }
 
 .docs-nav {
diff --git a/lib/sass/docs.scss b/lib/sass/docs.scss
index ccbd165..0a90f75 100644
--- a/lib/sass/docs.scss
+++ b/lib/sass/docs.scss
@@ -23,7 +23,7 @@ body {
 // --------------------------------------------------
 
 .docs-header {
-  background-image: linear-gradient(45deg, #336f90 0%, #254456 100%);
+  background-image: linear-gradient(45deg, #317ca6 0%, #254456 100%);
 }
 .docs-nav {
   position: relative;