diff --git a/examples/container-app.html b/examples/container-app.html
index 788efcbf32..79764356bb 100644
--- a/examples/container-app.html
+++ b/examples/container-app.html
@@ -49,12 +49,12 @@
       }
 
       /* Styles you shouldn't keep as they are for displaying this base example only */
-      .content .span10,
-      .content .span4 {
+      .content .span7,
+      .content .span3 {
         min-height: 500px;
       }
       /* Give a quick and non-cross-browser friendly divider */
-      .content .span4 {
+      .content .span3 {
         margin-left: 0;
         padding-left: 19px;
         border-left: 1px solid #eee;
@@ -100,10 +100,10 @@
           <h1>Page name <small>Supporting text or tagline</small></h1>
         </div>
         <div class="row">
-          <div class="span10">
+          <div class="span7">
             <h2>Main content</h2>
           </div>
-          <div class="span4">
+          <div class="span3">
             <h3>Secondary content</h3>
           </div>
         </div>