diff --git a/src/app/main/documentation/changelog/changelog.component.html b/src/app/main/documentation/changelog/changelog.component.html
index 51d46c0a..22803863 100644
--- a/src/app/main/documentation/changelog/changelog.component.html
+++ b/src/app/main/documentation/changelog/changelog.component.html
@@ -1,4 +1,4 @@
-<div id="changelog" class="page-layout simple fullwidth">
+<div id="changelog" class="page-layout simple fullwidth docs">
 
     <!-- HEADER -->
     <div class="header mat-accent-bg p-24" fxLayout="column" fxLayoutAlign="center start">
@@ -19,6 +19,63 @@
 
         <div class="changelog">
 
+            <!-- --------------------------------------------------------------------------------------------- -->
+            <!-- @ v6.1.0 -->
+            <!-- --------------------------------------------------------------------------------------------- -->
+            <div class="entry">
+
+                <div class="title">
+                    <span class="version">v6.1.0</span>
+                    <span class="date">(2018-06-xx)</span>
+                </div>
+
+                <div class="groups">
+
+                    <div class="breaking-changes">
+                        <span class="title">Breaking Changes</span>
+                        <ul>
+                            <li>New layout system and layouts</li>
+                            <li>Replaced all mat-sidenav components with fuse-sidebar on apps and pages</li>
+                        </ul>
+                    </div>
+
+                    <div class="new">
+                        <span class="title">New</span>
+                        <ul>
+                            <li>Navigation service for easier modifications and for easier swapping</li>
+                            <li>fusePerfectScrollbar now accepts a boolean to control the scrollbar's status</li>
+                            <li>fusePerfectScrollbarOptions for Perfect Scrollbar options</li>
+                            <li>Added an extra Angular Material color theme to the styles.scss file as an example</li>
+                        </ul>
+                    </div>
+
+                    <div class="improved">
+                        <span class="title">Improved</span>
+                        <ul>
+                            <li>Updated Angular and Angular Material</li>
+                            <li>Updated various other packages</li>
+                            <li>Improved the codebase and added a lot code comments</li>
+                            <li>Improved the documentation and moved them into the Demo app</li>
+                            <li>Changed the fuse-sidebar "align" input to "position"</li>
+                            <li>Improved the page layouts</li>
+                            <li>Navbar toggle button and fold button alignment on right navbar</li>
+                        </ul>
+                    </div>
+
+                    <div class="fixed">
+                        <span class="title">Fixed</span>
+                        <ul>
+                            <li>Set the selected language in toolbar from the translation service</li>
+                            <li>Horizontal nav titles are collapsing on IE11</li>
+                            <li>Angular Material card images not showing correctly</li>
+                            <li>Other small fixes and improvements</li>
+                        </ul>
+                    </div>
+
+                </div>
+
+            </div>
+
             <!-- --------------------------------------------------------------------------------------------- -->
             <!-- @ v6.0.1 -->
             <!-- --------------------------------------------------------------------------------------------- -->