diff --git a/components/lib/dialog/Dialog.d.ts b/components/lib/dialog/Dialog.d.ts
index 17a76d766..5cf3c5b19 100755
--- a/components/lib/dialog/Dialog.d.ts
+++ b/components/lib/dialog/Dialog.d.ts
@@ -140,7 +140,7 @@ export interface DialogBreakpoints {
      *
      * @media screen and (max-width: ${breakpoint[key]}) {
      *      .p-dialog[attributeSelector] {
-     *          width: ${breakpoint[value]};
+     *          width: ${breakpoint[value]} !important;
      *      }
      * }
      */
diff --git a/components/lib/dialog/Dialog.vue b/components/lib/dialog/Dialog.vue
index 6fdbe825b..33b853c94 100755
--- a/components/lib/dialog/Dialog.vue
+++ b/components/lib/dialog/Dialog.vue
@@ -267,7 +267,7 @@ export default {
                     innerHTML += `
                         @media screen and (max-width: ${breakpoint}) {
                             .p-dialog[${this.attributeSelector}] {
-                                width: ${this.breakpoints[breakpoint]};
+                                width: ${this.breakpoints[breakpoint]} !important;
                             }
                         }
                     `;
diff --git a/components/lib/overlaypanel/OverlayPanel.d.ts b/components/lib/overlaypanel/OverlayPanel.d.ts
index 9e887f3d7..970305f08 100755
--- a/components/lib/overlaypanel/OverlayPanel.d.ts
+++ b/components/lib/overlaypanel/OverlayPanel.d.ts
@@ -111,7 +111,7 @@ export interface OverlayPanelBreakpoints {
      *
      * @media screen and (max-width: ${breakpoint[key]}) {
      *      .p-overlaypanel[attributeSelector] {
-     *          width: ${breakpoint[value]};
+     *          width: ${breakpoint[value]} !important;
      *      }
      * }
      */
diff --git a/components/lib/overlaypanel/OverlayPanel.vue b/components/lib/overlaypanel/OverlayPanel.vue
index 9289a59de..e268fab2f 100755
--- a/components/lib/overlaypanel/OverlayPanel.vue
+++ b/components/lib/overlaypanel/OverlayPanel.vue
@@ -281,7 +281,7 @@ export default {
                     innerHTML += `
                         @media screen and (max-width: ${breakpoint}) {
                             .p-overlaypanel[${this.attributeSelector}] {
-                                width: ${this.breakpoints[breakpoint]};
+                                width: ${this.breakpoints[breakpoint]} !important;
                             }
                         }
                     `;
diff --git a/components/lib/toast/Toast.vue b/components/lib/toast/Toast.vue
index 292ad6c55..9a1087a4b 100755
--- a/components/lib/toast/Toast.vue
+++ b/components/lib/toast/Toast.vue
@@ -127,7 +127,7 @@ export default {
                     let breakpointStyle = '';
 
                     for (let styleProp in this.breakpoints[breakpoint]) {
-                        breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + ';';
+                        breakpointStyle += styleProp + ':' + this.breakpoints[breakpoint][styleProp] + '!important;';
                     }
 
                     innerHTML += `