diff --git a/public/css/app.css b/public/css/app.css
index a2837b0a6..8da69d0b7 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -54059,6 +54059,14 @@ html[dir="rtl"] .lines-radius-border thead td:last-child {
 }
 /* responsive for role mobile */
 
+/* full-width for mobile. Some component use inline styling for width */
+@media only screen and (max-width: 991px) {
+    .full-width-mobile {
+        width: 100% !important;
+    }
+ }
+ /* full-width for mobile. Some component use inline styling for width */
+
 [dir="ltr"] .ltr\:-right-57 {
     right: -14.5rem;
 }
diff --git a/resources/assets/sass/app.css b/resources/assets/sass/app.css
index bab3e1785..9f59be7dc 100644
--- a/resources/assets/sass/app.css
+++ b/resources/assets/sass/app.css
@@ -572,6 +572,14 @@ html[dir="rtl"] .lines-radius-border thead td:last-child {
 }
 /* responsive for role mobile */
 
+/* full-width for mobile. Some component use inline styling for width */
+@media only screen and (max-width: 991px) {
+    .full-width-mobile {
+        width: 100% !important;
+    }
+ }
+ /* full-width for mobile. Some component use inline styling for width */
+
 [dir="ltr"] .ltr\:-right-57 {
     right: -14.5rem;
 }