diff --git a/static/usage/v6/modal/controller/angular/modal-example_component_html.md b/static/usage/v6/modal/controller/angular/modal-example_component_html.md
index 34387a14d75..fdff634a1fe 100644
--- a/static/usage/v6/modal/controller/angular/modal-example_component_html.md
+++ b/static/usage/v6/modal/controller/angular/modal-example_component_html.md
@@ -6,7 +6,7 @@
     </ion-buttons>
     <ion-title>Welcome</ion-title>
     <ion-buttons slot="end">
-      <ion-button (click)="confirm()">Confirm</ion-button>
+      <ion-button (click)="confirm()" [strong]="true">Confirm</ion-button>
     </ion-buttons>
   </ion-toolbar>
 </ion-header>
diff --git a/static/usage/v6/modal/controller/demo.html b/static/usage/v6/modal/controller/demo.html
index 67c8cd24fc6..643eeb66ccc 100644
--- a/static/usage/v6/modal/controller/demo.html
+++ b/static/usage/v6/modal/controller/demo.html
@@ -39,7 +39,7 @@
           </ion-buttons>
           <ion-title>Welcome</ion-title>
           <ion-buttons slot="end">
-            <ion-button onclick="confirm()">Confirm</ion-button>
+            <ion-button onclick="confirm()" strong>Confirm</ion-button>
           </ion-buttons>
         </ion-toolbar>
       </ion-header>
diff --git a/static/usage/v6/modal/controller/javascript.md b/static/usage/v6/modal/controller/javascript.md
index dc4786be8cf..9bcba5693c0 100644
--- a/static/usage/v6/modal/controller/javascript.md
+++ b/static/usage/v6/modal/controller/javascript.md
@@ -20,7 +20,7 @@
           </ion-buttons>
           <ion-title>Welcome</ion-title>
           <ion-buttons slot="end">
-            <ion-button onclick="confirm()">Confirm</ion-button>
+            <ion-button onclick="confirm()" strong>Confirm</ion-button>
           </ion-buttons>
         </ion-toolbar>
       </ion-header>
diff --git a/static/usage/v6/modal/controller/react.md b/static/usage/v6/modal/controller/react.md
index 8af5d61f855..68c70963f1e 100644
--- a/static/usage/v6/modal/controller/react.md
+++ b/static/usage/v6/modal/controller/react.md
@@ -32,7 +32,9 @@ const ModalExample = ({
           </IonButtons>
           <IonTitle>Welcome</IonTitle>
           <IonButtons slot="end">
-            <IonButton onClick={() => onDismiss(inputRef.current?.value, 'confirm')}>Confirm</IonButton>
+            <IonButton onClick={() => onDismiss(inputRef.current?.value, 'confirm')} strong={true}>
+              Confirm
+            </IonButton>
           </IonButtons>
         </IonToolbar>
       </IonHeader>
diff --git a/static/usage/v6/modal/controller/vue/modal_vue.md b/static/usage/v6/modal/controller/vue/modal_vue.md
index fb25c458a6e..18ddd20733b 100644
--- a/static/usage/v6/modal/controller/vue/modal_vue.md
+++ b/static/usage/v6/modal/controller/vue/modal_vue.md
@@ -7,7 +7,7 @@
       </ion-buttons>
       <ion-title>Modal</ion-title>
       <ion-buttons slot="end">
-        <ion-button @click="confirm">Confirm</ion-button>
+        <ion-button @click="confirm" :strong="true">Confirm</ion-button>
       </ion-buttons>
     </ion-toolbar>
   </ion-header>
diff --git a/static/usage/v7/modal/controller/angular/modal-example_component_html.md b/static/usage/v7/modal/controller/angular/modal-example_component_html.md
index 34387a14d75..fdff634a1fe 100644
--- a/static/usage/v7/modal/controller/angular/modal-example_component_html.md
+++ b/static/usage/v7/modal/controller/angular/modal-example_component_html.md
@@ -6,7 +6,7 @@
     </ion-buttons>
     <ion-title>Welcome</ion-title>
     <ion-buttons slot="end">
-      <ion-button (click)="confirm()">Confirm</ion-button>
+      <ion-button (click)="confirm()" [strong]="true">Confirm</ion-button>
     </ion-buttons>
   </ion-toolbar>
 </ion-header>
diff --git a/static/usage/v7/modal/controller/demo.html b/static/usage/v7/modal/controller/demo.html
index e73c910fc17..41ce4323a64 100644
--- a/static/usage/v7/modal/controller/demo.html
+++ b/static/usage/v7/modal/controller/demo.html
@@ -39,7 +39,7 @@
           </ion-buttons>
           <ion-title>Welcome</ion-title>
           <ion-buttons slot="end">
-            <ion-button onclick="confirm()">Confirm</ion-button>
+            <ion-button onclick="confirm()" strong>Confirm</ion-button>
           </ion-buttons>
         </ion-toolbar>
       </ion-header>
diff --git a/static/usage/v7/modal/controller/javascript.md b/static/usage/v7/modal/controller/javascript.md
index dc4786be8cf..9bcba5693c0 100644
--- a/static/usage/v7/modal/controller/javascript.md
+++ b/static/usage/v7/modal/controller/javascript.md
@@ -20,7 +20,7 @@
           </ion-buttons>
           <ion-title>Welcome</ion-title>
           <ion-buttons slot="end">
-            <ion-button onclick="confirm()">Confirm</ion-button>
+            <ion-button onclick="confirm()" strong>Confirm</ion-button>
           </ion-buttons>
         </ion-toolbar>
       </ion-header>
diff --git a/static/usage/v7/modal/controller/react.md b/static/usage/v7/modal/controller/react.md
index 8af5d61f855..68c70963f1e 100644
--- a/static/usage/v7/modal/controller/react.md
+++ b/static/usage/v7/modal/controller/react.md
@@ -32,7 +32,9 @@ const ModalExample = ({
           </IonButtons>
           <IonTitle>Welcome</IonTitle>
           <IonButtons slot="end">
-            <IonButton onClick={() => onDismiss(inputRef.current?.value, 'confirm')}>Confirm</IonButton>
+            <IonButton onClick={() => onDismiss(inputRef.current?.value, 'confirm')} strong={true}>
+              Confirm
+            </IonButton>
           </IonButtons>
         </IonToolbar>
       </IonHeader>
diff --git a/static/usage/v7/modal/controller/vue/modal_vue.md b/static/usage/v7/modal/controller/vue/modal_vue.md
index fb25c458a6e..18ddd20733b 100644
--- a/static/usage/v7/modal/controller/vue/modal_vue.md
+++ b/static/usage/v7/modal/controller/vue/modal_vue.md
@@ -7,7 +7,7 @@
       </ion-buttons>
       <ion-title>Modal</ion-title>
       <ion-buttons slot="end">
-        <ion-button @click="confirm">Confirm</ion-button>
+        <ion-button @click="confirm" :strong="true">Confirm</ion-button>
       </ion-buttons>
     </ion-toolbar>
   </ion-header>