diff --git a/core/src/components/tab-button/tab-button.tsx b/core/src/components/tab-button/tab-button.tsx
index ec8165b2d9..c620642aaf 100644
--- a/core/src/components/tab-button/tab-button.tsx
+++ b/core/src/components/tab-button/tab-button.tsx
@@ -40,7 +40,7 @@ export class TabButton implements ComponentInterface {
    * Set the layout of the text and icon in the tab bar.
    * It defaults to `'icon-top'`.
    */
-  @Prop() layout?: TabButtonLayout;
+  @Prop({ mutable: true }) layout?: TabButtonLayout;
 
   /**
    * The URL which will be used as the `href` within this tab's button anchor.