diff --git a/demoassets/resemble.css b/demoassets/resemble.css
index 7e2dab6..4387968 100644
--- a/demoassets/resemble.css
+++ b/demoassets/resemble.css
@@ -67,6 +67,13 @@ footer {
     border-style: solid;
 }
 
+.progress {
+    margin-bottom: 4px;
+}
+.progress.last {
+    margin-bottom: 8px;
+}
+
 .progress #alpha {
     background-color: #eee;
     background-image: linear-gradient(45deg, darkgrey 25%, transparent 25%, transparent 75%, darkgrey 75%, darkgrey),
diff --git a/index.html b/index.html
index 3cfc225..7443f6f 100644
--- a/index.html
+++ b/index.html
@@ -49,21 +49,20 @@
 									    <div class="progress">
 										    <div id="blue" class="bar" style="width: 0%;"></div>
 									    </div>
-									    <div class="progress">
+									    <div class="progress last">
 										    <div id="alpha" class="bar" style="width: 0%;"></div>
 									    </div>
-										<div class="progress">
-											<div id="white" class="bar" style="width: 0%;"></div>
-										</div>
+										Black &amp; white
 										<div class="progress">
 											<div id="black" class="bar" style="width: 0%;"></div>
 										</div>
-
+										<div class="progress last">
+											<div id="white" class="bar" style="width: 0%;"></div>
+										</div>
 									    Brightness
 									    <div class="progress progress-warning">
 									    	<div id="brightness" class="bar" style="width: 0%;"></div>
 									    </div>
-
 									</div>
 								</div>
 							</div>
@@ -108,9 +107,6 @@
 									<button class="btn" id="same-size">Scale to same size</button>
 								</div>
 
-								<br/>
-								<br/>
-
 								<div class="btn-group buttons" style="display:none">
 									<button class="btn active" id="pink">Pink</button>
 									<button class="btn" id="yellow">Yellow</button>