diff --git a/css/fontfolio.css b/css/fontfolio.css
index 6c46d29..dea2fab 100644
--- a/css/fontfolio.css
+++ b/css/fontfolio.css
@@ -758,3 +758,27 @@ ul.load_more_cont {
 [dir="rtl"] .block ol {
   margin: 0 2em 1.5em 0;
 }
+
+/*
+ * Responsive table design for backend
+ */
+.system-modules details,
+.system-modules details[open] {
+  padding: 0 1.5em;
+  overflow: hidden;
+}
+
+details > .details-wrapper {
+  display: inline-block;
+  width: 100%;
+  padding: 0 0 1.5em;
+  overflow-x: auto;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+details > .details-wrapper details > .details-wrapper { padding: 0.5em 1.5em }
+details > .details-wrapper table {
+  width: 100%;
+}
+/* End */
diff --git a/scss/fontfolio.scss b/scss/fontfolio.scss
index b53e6be..4708ac5 100644
--- a/scss/fontfolio.scss
+++ b/scss/fontfolio.scss
@@ -629,4 +629,32 @@ ul.load_more_cont {
   padding: 0;
 }
 
-@import "fontfolio-rtl";
\ No newline at end of file
+@import "fontfolio-rtl";
+
+
+/*
+ * Responsive table design for backend
+ */
+.system-modules {
+  details,
+  details[open] {
+    padding: 0 1.5em;
+    overflow: hidden;
+  }
+}
+details {
+  > .details-wrapper {
+    display: inline-block;
+    width: 100%;
+    padding: 0 0 1.5em;
+    overflow-x: auto;
+    -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+            box-sizing: border-box;
+    details {
+      > .details-wrapper { padding: padding: 0.5em 1.5em }
+    }
+    table { width: 100%; }
+  }
+}
+/* End */