diff --git a/client/web/compose/src/components/Common/RecordToolbar.vue b/client/web/compose/src/components/Common/RecordToolbar.vue
index 455a0cfd1..486f45612 100644
--- a/client/web/compose/src/components/Common/RecordToolbar.vue
+++ b/client/web/compose/src/components/Common/RecordToolbar.vue
@@ -20,7 +20,10 @@
     </template>
 
     <template #center>
-      <b-button-group v-if="recordNavigation.prev || recordNavigation.next">
+      <div
+        v-if="recordNavigation.prev || recordNavigation.next"
+        class="d-flex align-items-center fill-width gap-1"
+      >
         <b-button
           pill
           size="lg"
@@ -42,7 +45,7 @@
         >
           <font-awesome-icon :icon="['fas', 'angle-right']" />
         </b-button>
-      </b-button-group>
+      </div>
 
       <slot name="center-actions" />
     </template>