diff --git a/public/src/admin/extend/widgets.js b/public/src/admin/extend/widgets.js
index 3a9aac7d95..df7e395fa3 100644
--- a/public/src/admin/extend/widgets.js
+++ b/public/src/admin/extend/widgets.js
@@ -71,7 +71,7 @@ define('admin/extend/widgets', function() {
 			}
 		});
 
-		$('#widgets .save').on('click', saveWidgets);
+		$('#save').on('click', saveWidgets);
 
 		function saveWidgets() {
 			var total = $('#widgets [data-template][data-location]').length;
diff --git a/src/views/admin/extend/widgets.tpl b/src/views/admin/extend/widgets.tpl
index a3d6e4baf6..687a51e299 100644
--- a/src/views/admin/extend/widgets.tpl
+++ b/src/views/admin/extend/widgets.tpl
@@ -22,7 +22,6 @@
 					</div>
 				<!-- END templates -->
 				</div>
-				<button class="btn btn-success save pull-right">Save</button>
 			</div>
 		</div>
 	</div>
@@ -114,4 +113,8 @@
 			</div>
 		</div>
 	</div>
-</div>
\ No newline at end of file
+</div>
+
+<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>
\ No newline at end of file