diff --git a/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css b/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
index 84e5ce296..6ea6dbe81 100644
--- a/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
+++ b/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
@@ -344,18 +344,26 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f
     line-height: unset;
 }
 
+#rl-app span.fontastic {
+    padding: 6px;
+    border-radius: var(--border-radius);
+}
+
+#rl-app span.fontastic:hover,
 #rl-app .b-footer .btn:hover,
 #rl-app .b-footer .btn.fontastic:hover,
 #rl-app #V-SettingsPane .btn-toolbar .btn:hover {
     background-color: var(--color-background-hover);
 }
 
+#rl-app span.fontastic:active,
 #rl-app .b-footer .btn:active,
 #rl-app .b-footer .btn.fontastic:active,
 #rl-app #V-SettingsPane .btn-toolbar .btn:active {
     background-color: var(--color-primary-element-light);
 }
 
+#rl-app span.fontastic:focus,
 #rl-app .b-footer .btn:focus,
 #rl-app .b-footer .btn.fontastic:focus,
 #rl-app #V-SettingsPane .btn-toolbar .btn:focus {