diff --git a/src/core/features/block/components/side-blocks-button/side-blocks-button.scss b/src/core/features/block/components/side-blocks-button/side-blocks-button.scss
index 76b104a1a..f8f4f8250 100644
--- a/src/core/features/block/components/side-blocks-button/side-blocks-button.scss
+++ b/src/core/features/block/components/side-blocks-button/side-blocks-button.scss
@@ -12,6 +12,7 @@
         --padding-end: 0;
         --border-radius: 2em 0 0 2em;
         height: 56px;
+        --box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
 
         &::part(native) {
             @include core-transition(padding, 200ms);
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index 8f0bf1aac..4268084bb 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -298,6 +298,10 @@ button,
     min-width: var(--a11y-min-target-size);
 }
 
+ion-fab-button {
+    --box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
+}
+
 ion-button {
     margin: 4px 8px;