diff --git a/public/less/admin/admin.less b/public/less/admin/admin.less
index 45879945db..a20c2ff7f1 100644
--- a/public/less/admin/admin.less
+++ b/public/less/admin/admin.less
@@ -45,6 +45,13 @@
 		color: @link-color;
 	}
 
+	.floating-button {
+		background: @brand-primary !important;
+		position: fixed;
+		right: 30px;
+		bottom: 30px;
+	}
+
 	.user-img {
 		width:24px;
 		height:24px;
diff --git a/src/views/admin/settings/footer.tpl b/src/views/admin/settings/footer.tpl
index 6c39673be5..4945077762 100644
--- a/src/views/admin/settings/footer.tpl
+++ b/src/views/admin/settings/footer.tpl
@@ -2,6 +2,10 @@
 <!--<button class="btn btn-primary btn-md" id="save">Save Changes</button>
 			<button class="btn btn-warning btn-md" id="revert">Revert Changes</button>-->
 
+<button id="save" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
+  <i class="material-icons">save</i>
+</button>
+
 <script>
 	require(['admin/settings'], function(Settings) {
 		Settings.prepare();