diff --git a/examples/button.html b/examples/button.html
index 85ca38fcf..61169ed27 100755
--- a/examples/button.html
+++ b/examples/button.html
@@ -30,6 +30,7 @@
 <body id="example">
 
 <div class="sidr" id="menu">
+  <h1>Semantic</h1>
   <ul>
     <li><a href="module.html">Introduction</a></li>
     <li><a>Download</a></li>
diff --git a/examples/example.css b/examples/example.css
index 021cf5e0c..6754f6f59 100755
--- a/examples/example.css
+++ b/examples/example.css
@@ -10,6 +10,7 @@
   ;
   font-weight: normal;
   font-style: normal;
+  font-size-adjust: 0.448;
 }
 @font-face {
   font-family: 'Neutraface';
@@ -18,6 +19,7 @@
   ;
   font-weight: bold;
   font-style: normal;
+  font-size-adjust: 0.448;
 }
 
 body#example {
@@ -56,10 +58,14 @@ a:hover {
 
 /* text and headers */
 #example h1 {
-  margin: 50px 0px 20px;
-  padding-bottom: 5px;
+  margin: 0px 0px 20px;
+  padding: 50px 0px 5px;
   border-bottom: 1px solid #DDDDDD;
 }
+#example h1 .text {
+  width: 1000px;
+  margin: 0px auto;
+}
 #example h1:first-child {
   margin-top: 0px;
   padding-top: 20px;
diff --git a/examples/module.html b/examples/module.html
index d8a197cac..6cab66a7e 100755
--- a/examples/module.html
+++ b/examples/module.html
@@ -70,16 +70,18 @@
 <div class="ui left attached vertical blue menu buttons">
   <div class="ui menu button">Menu</div>
 </div>
-<div class="full container">
-
-  <h1>Semantic</h1>
-  
-  <p>Semantic is a set of standards designed to make front end development less arbitrary.</p>
-  
-  <div class="ui buttons">
-    <div class="ui button">Just the details</div>
-    <div class="ui button active">Tell me everything</div>
+<h1>
+  <div class="text">
+    Semantic
   </div>
+</h1>
+<div class="full container">
+    <p>Semantic is a set of standards designed to make front end development less arbitrary.</p>
+    
+    <div class="ui two fluid buttons">
+      <div class="ui button">Just the details</div>
+      <div class="ui button active">Tell me everything</div>
+    </div>
   
   <h2>What is Semantic?</h2>
   
