diff --git a/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue b/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue
index 585d4e9fb..0d8ce1f97 100644
--- a/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue
+++ b/client/web/compose/src/components/PageBlocks/Wrap/Plain.vue
@@ -34,7 +34,7 @@
               <b-button
                 v-if="block.options.showRefresh"
                 v-b-tooltip.noninteractive.hover="{ title: $t('general.label.refresh'), container: '#body' }"
-                variant="outline-light"
+                variant="outline-extra-light"
                 class="d-flex align-items-center text-secondary d-print-none border-0"
                 @click="$emit('refreshBlock')"
               >
@@ -44,7 +44,7 @@
               <b-button
                 v-if="block.options.magnifyOption || isBlockMagnified"
                 v-b-tooltip.noninteractive.hover="{ title: isBlockMagnified ? '' : $t('general.label.magnify'), container: '#body' }"
-                variant="outline-light"
+                variant="outline-extra-light"
                 class="d-flex align-items-center text-secondary d-print-none border-0"
                 @click="$root.$emit('magnify-page-block', isBlockMagnified ? undefined : magnifyParams)"
               >