diff --git a/build/scss/_timeline.scss b/build/scss/_timeline.scss
index c334a4125..7f0e43437 100644
--- a/build/scss/_timeline.scss
+++ b/build/scss/_timeline.scss
@@ -108,3 +108,17 @@
     }
   }
 }
+
+.timeline-inverse {
+  > div {
+    > .timeline-item {
+      @include box-shadow(none);
+      background: $gray-100;
+      border: 1px solid $gray-300;
+
+      > .timeline-header {
+        border-bottom-color: $gray-300;
+      }
+    }
+  }
+}
diff --git a/pages/examples/profile.html b/pages/examples/profile.html
index b7c13448b..cbe7672c7 100644
--- a/pages/examples/profile.html
+++ b/pages/examples/profile.html
@@ -810,7 +810,7 @@
                   <!-- /.tab-pane -->
                   <div class="tab-pane" id="timeline">
                     <!-- The timeline -->
-                    <div class="timeline">
+                    <div class="timeline timeline-inverse">
                       <!-- timeline time label -->
                       <div class="time-label">
                         <span class="bg-danger">
@@ -889,10 +889,10 @@
                           <h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3>
 
                           <div class="timeline-body">
-                            <img src="http://placehold.it/150x100" alt="..." class="margin">
-                            <img src="http://placehold.it/150x100" alt="..." class="margin">
-                            <img src="http://placehold.it/150x100" alt="..." class="margin">
-                            <img src="http://placehold.it/150x100" alt="..." class="margin">
+                            <img src="http://placehold.it/150x100" alt="...">
+                            <img src="http://placehold.it/150x100" alt="...">
+                            <img src="http://placehold.it/150x100" alt="...">
+                            <img src="http://placehold.it/150x100" alt="...">
                           </div>
                         </div>
                       </div>