diff --git a/_layouts/docs.html b/_layouts/docs.html
index 8f85af2cc..1bea64eee 100644
--- a/_layouts/docs.html
+++ b/_layouts/docs.html
@@ -8,15 +8,12 @@ title: Documentation
 	{% include page-title.html title="Documentation" %}
 
 	<div class="row">
-		<div class="col-lg-3">
-			<div class="card">
-				<div class="list-group card-list-group">
-					{% for doc in site.docs %}
-					{% unless doc.hide %}<a href="{{ site.base }}{{ doc.url }}" class="list-group-item list-group-item-action{% if page.url == doc.url %} active{% endif %}"><span class="icon mr-3"><i class="{{ doc.icon }}"></i></span>{{ doc.title }}</a>{% endunless %}
-					{% endfor %}
-				</div>
+		<div class="col-lg-3 order-lg-1">
+			<div class="list-group list-group-transparent">
+				{% for doc in site.docs %}
+				{% unless doc.hide %}<a href="{{ site.base }}{{ doc.url }}" class="list-group-item list-group-item-action{% if page.url == doc.url %} active{% endif %}"><span class="icon mr-3"><i class="{{ doc.icon }}"></i></span>{{ doc.title }}</a>{% endunless %}
+				{% endfor %}
 			</div>
-
 		</div>
 		<div class="col-lg-9">
 			<div class="card">
diff --git a/assets/plugins/iconfonts/plugin.css b/assets/plugins/iconfonts/plugin.css
index 61df5f9ba..66a9577a0 100644
--- a/assets/plugins/iconfonts/plugin.css
+++ b/assets/plugins/iconfonts/plugin.css
@@ -1472,27 +1472,22 @@
 }
 
 .wi-rotate-90 {
-  -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
 }
 
 .wi-rotate-180 {
-  -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
 }
 
 .wi-rotate-270 {
-  -webkit-transform: rotate(270deg);
   transform: rotate(270deg);
 }
 
 .wi-flip-horizontal {
-  -webkit-transform: scale(-1, 1);
   transform: scale(-1, 1);
 }
 
 .wi-flip-vertical {
-  -webkit-transform: scale(1, -1);
   transform: scale(1, -1);
 }
 
diff --git a/assets/plugins/iconfonts/plugin.min.css b/assets/plugins/iconfonts/plugin.min.css
index 61df5f9ba..66a9577a0 100644
--- a/assets/plugins/iconfonts/plugin.min.css
+++ b/assets/plugins/iconfonts/plugin.min.css
@@ -1472,27 +1472,22 @@
 }
 
 .wi-rotate-90 {
-  -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
 }
 
 .wi-rotate-180 {
-  -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
 }
 
 .wi-rotate-270 {
-  -webkit-transform: rotate(270deg);
   transform: rotate(270deg);
 }
 
 .wi-flip-horizontal {
-  -webkit-transform: scale(-1, 1);
   transform: scale(-1, 1);
 }
 
 .wi-flip-vertical {
-  -webkit-transform: scale(1, -1);
   transform: scale(1, -1);
 }
 
diff --git a/assets/scss/dashboard/_infobox.scss b/assets/scss/dashboard/_infobox.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/assets/scss/dashboard/_list-group.scss b/assets/scss/dashboard/_list-group.scss
new file mode 100644
index 000000000..757e0c257
--- /dev/null
+++ b/assets/scss/dashboard/_list-group.scss
@@ -0,0 +1,21 @@
+.list-group-item {
+	&.active {
+		.icon {
+			color: inherit !important;
+		}
+	}
+}
+
+.list-group-transparent {
+	.list-group-item {
+		background: none;
+		border: 0;
+		padding: .5rem 1rem;
+		border-radius: 3px;
+
+		&.active {
+			background: rgba($primary, .06);
+			font-weight: 600;
+		}
+	}
+}
\ No newline at end of file
diff --git a/assets/scss/dashboard/_list.scss b/assets/scss/dashboard/_list.scss
index 4a0ccee98..e04faa08d 100644
--- a/assets/scss/dashboard/_list.scss
+++ b/assets/scss/dashboard/_list.scss
@@ -32,10 +32,3 @@
 	}
 }
 
-.list-group-item {
-	&.active {
-		.icon {
-			color: inherit !important;
-		}
-	}
-}
\ No newline at end of file
diff --git a/assets/scss/dashboard/dashboard.scss b/assets/scss/dashboard/dashboard.scss
index 8d3cb5091..a21a52592 100644
--- a/assets/scss/dashboard/dashboard.scss
+++ b/assets/scss/dashboard/dashboard.scss
@@ -23,6 +23,7 @@
 @import 'popover';
 @import 'dropdown';
 @import 'list';
+@import 'list-group';
 @import 'avatar';
 @import 'product';
 @import 'progress';
@@ -42,6 +43,7 @@
 @import 'example';
 @import 'tag';
 @import 'syntax';
+@import 'infobox';
 
 @import 'forms/custom-range';
 @import 'forms/custom-selectgroup';
diff --git a/index.html b/index.html
index 52ee2b3bb..9ac957d6d 100644
--- a/index.html
+++ b/index.html
@@ -107,5 +107,10 @@ menu: index
 			{% include cards/invoices.html %}
 			{% include pagination.html %}
 		</div>
+		<div class="col-12">
+			<div class="text-muted mt-4">
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aperiam atque blanditiis commodi consequuntur ea, esse est facere ipsa ipsum maxime necessitatibus nisi numquam officia quidem repellat veritatis voluptates voluptatibus!
+			</div>
+		</div>
 	</div>
 </div>
\ No newline at end of file