diff --git a/public/css/app.css b/public/css/app.css
index 4f467dea1..a2837b0a6 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -54047,6 +54047,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;
 }
diff --git a/resources/views/components/show/content/index.blade.php b/resources/views/components/show/content/index.blade.php
index f54e9e7db..bbcbade74 100644
--- a/resources/views/components/show/content/index.blade.php
+++ b/resources/views/components/show/content/index.blade.php
@@ -1,3 +1,3 @@
-<div class="flex flex-col lg:flex-row sm:mt-12">
+<div {{ ((! $attributes->has('override')) || ($attributes->has('override') && ! in_array('class', explode(',', $attributes->get('override'))))) ? $attributes->merge(['class' => 'flex flex-col lg:flex-row sm:mt-12']) : $attributes }}>
     {!! $slot !!}
 </div>