diff --git a/public/css/app.css b/public/css/app.css
index 1c9ae2cb2..e46504fc1 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -53803,6 +53803,18 @@ html[dir="rtl"] .lines-radius-border thead td:last-child {
 }
 /* template table border radius control */
 
+/* responsive for role mobile */
+.scroll-div-mobile {
+    width: 700px;
+}
+
+@media only screen and (min-width: 991px) {
+    .scroll-div-mobile {
+        width: 100%;
+    }
+}
+/* responsive for role mobile */
+
 [dir="ltr"] .ltr\:-right-57 {
     right: -14.5rem;
 }
diff --git a/resources/assets/sass/app.css b/resources/assets/sass/app.css
index 95c01f412..bab3e1785 100644
--- a/resources/assets/sass/app.css
+++ b/resources/assets/sass/app.css
@@ -560,6 +560,18 @@ html[dir="rtl"] .lines-radius-border thead td:last-child {
 }
 /* template table border radius control */
 
+/* responsive for role mobile */
+.scroll-div-mobile {
+    width: 700px;
+}
+
+@media only screen and (min-width: 991px) {
+    .scroll-div-mobile {
+        width: 100%;
+    }
+}
+/* responsive for role mobile */
+
 [dir="ltr"] .ltr\:-right-57 {
     right: -14.5rem;
 }