diff --git a/assets/css/docs.css b/assets/css/docs.css
index fb3e2c6894..90ec94d4b6 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -43,28 +43,28 @@ body {
 }
 
 /* Outline button for use within the docs */
-.btn-bs {
+.btn-outline {
   color: #563d7c;
   background-color: #fff;
   border-color: #e5e5e5;
 }
-.btn-bs:hover,
-.btn-bs:focus,
-.btn-bs:active {
+.btn-outline:hover,
+.btn-outline:focus,
+.btn-outline:active {
   color: #fff;
   background-color: #563d7c;
   border-color: #563d7c;
 }
 
-/* Homepage outline button */
-.btn-outline {
+/* Inverted outline button (white on dark) */
+.btn-outline-inverse {
   color: #fff;
   background-color: transparent;
   border-color: #cdbfe3;
 }
-.btn-outline:hover,
-.btn-outline:focus,
-.btn-outline:active {
+.btn-outline-inverse:hover,
+.btn-outline-inverse:focus,
+.btn-outline-inverse:active {
   color: #563d7c;
   text-shadow: none;
   background-color: #fff;
diff --git a/customize.html b/customize.html
index 2d2c6365e6..fb4595ae21 100644
--- a/customize.html
+++ b/customize.html
@@ -1449,7 +1449,7 @@ base_url: "../"
     </div>
     <p class="lead">Hooray! Your custom version of Bootstrap is now ready to be compiled. Just click the button below to finish the process.</p>
     <div class="bs-customize-download">
-      <button id="btn-compile" class="btn btn-block btn-lg btn-bs" onclick="_gaq.push(['_trackEvent', 'Customize', 'Download', 'Customize and Download']);">Compile and Download</button>
+      <button id="btn-compile" class="btn btn-block btn-lg btn-outline" onclick="_gaq.push(['_trackEvent', 'Customize', 'Download', 'Customize and Download']);">Compile and Download</button>
     </div>
   </div><!-- /download -->
 </form>
diff --git a/index.html b/index.html
index 26252c889f..eab9d1d85c 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@ base_url: "./"
     <h1>Bootstrap 3</h1>
     <p class="lead">Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.</p>
     <p>
-      <a href="{{ site.download }}" class="btn btn-outline btn-lg" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 3.0.0']);">Download Bootstrap</a>
+      <a href="{{ site.download }}" class="btn btn-outline-inverse btn-lg" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 3.0.0']);">Download Bootstrap</a>
     </p>
   </div>
 </main>