diff --git a/UI/WebServerResources/scss/components/button/button.scss b/UI/WebServerResources/scss/components/button/button.scss
index 768399e52..9fb321f98 100644
--- a/UI/WebServerResources/scss/components/button/button.scss
+++ b/UI/WebServerResources/scss/components/button/button.scss
@@ -5,6 +5,16 @@ md-sidenav md-list .md-button {
   font-weight: normal;
 }
 
+/**
+ * Overlap fab button by half its height downward
+ */
+.md-button.md-fab-overlap-bottom {
+  &.md-fab-bottom-right,
+  &.md-fab-bottom-left {
+    bottom: -(($button-fab-width + $button-fab-padding)/2);
+  }
+}
+
 /**
  * Keep main fab button visible and either at the bottom right of the list
  * view or at the bottom left of the detail view