diff --git a/dist/ratchet.css b/dist/ratchet.css
index b765b46..c49d264 100644
--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@@ -298,7 +298,7 @@ strong {
   background-color: white;
 }
 [class*="bar-"].bar-header-secondary {
-  top: 45px;
+  top: 44px;
 }
 [class*="bar-"].bar-footer {
   bottom: 0;
@@ -390,7 +390,7 @@ strong {
   width: auto;
   overflow: hidden;
   margin: 10px;
-  background-color: #fff;
+  background-color: white;
   border: 1px solid #dddddd;
   border-radius: 6px;
 }
diff --git a/lib/sass/bars.scss b/lib/sass/bars.scss
index cfb98ed..843a8ef 100644
--- a/lib/sass/bars.scss
+++ b/lib/sass/bars.scss
@@ -16,7 +16,7 @@
 
   // Modifier class to dock any bar below .bar-nav
   &.bar-header-secondary {
-    top: $bar-base-height + 1;
+    top: $bar-base-height;
   }
 
   // Modifier class to dock any bar to bottom of viewport
diff --git a/lib/sass/cards.scss b/lib/sass/cards.scss
index 385c591..e2639c7 100644
--- a/lib/sass/cards.scss
+++ b/lib/sass/cards.scss
@@ -6,7 +6,7 @@
   width: auto;
   overflow: hidden;
   margin: $bar-side-spacing;
-  background-color: #fff;
+  background-color: $card-bg;
   border: $border-default;
   border-radius: $border-radius;
 }
diff --git a/lib/sass/variables.scss b/lib/sass/variables.scss
index 3f97728..7e7a648 100644
--- a/lib/sass/variables.scss
+++ b/lib/sass/variables.scss
@@ -32,6 +32,10 @@ $bar-base-height:  44px;
 $bar-tab-height:   50px;
 $bar-side-spacing: 10px;
 
+// Cards
+// --------------------------------------------------
+
+$card-bg: #fff;
 
 // Buttons
 // --------------------------------------------------