diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue
index 98b6b3978..e17360223 100644
--- a/webapp/layouts/default.vue
+++ b/webapp/layouts/default.vue
@@ -95,6 +95,7 @@
                       <invite-button placement="top" />
                     </client-only>
                   </div>
+                  <!-- group button -->
                   <client-only v-if="SHOW_GROUP_BUTTON_IN_HEADER">
                     <group-button />
                   </client-only>
@@ -163,6 +164,16 @@
                   <invite-button placement="top" />
                 </client-only>
               </ds-flex-item>
+              <!-- group button mobile -->
+              <ds-flex-item
+                v-if="SHOW_GROUP_BUTTON_IN_HEADER"
+                :class="{ 'hide-mobile-menu': !toggleMobileMenu }"
+                style="text-align: center"
+              >
+                <client-only>
+                  <group-button />
+                </client-only>
+              </ds-flex-item>
               <ds-flex-item
                 :class="{ 'hide-mobile-menu': !toggleMobileMenu }"
                 style="text-align: end"