diff --git a/styles/base/_layers.scss b/styles/base/_layers.scss
index 47044a2..e24e6c1 100644
--- a/styles/base/_layers.scss
+++ b/styles/base/_layers.scss
@@ -76,3 +76,11 @@
     margin-top: 0;
   }
 }
+
+.block-system-main-block {
+  // Reduce font-size if table column count is more then 10.
+  > form.user-admin-permissions .layer-wrapper.greater table {
+    overflow: auto;
+    font-size: 75%;
+  }
+}
diff --git a/templates/dataset/table.html.twig b/templates/dataset/table.html.twig
index 744967b..8fc30f8 100644
--- a/templates/dataset/table.html.twig
+++ b/templates/dataset/table.html.twig
@@ -39,7 +39,15 @@
  * @see template_preprocess_table()
  */
 #}
-<div class="layer-wrapper">
+{% set table_attribute = create_attribute() %}
+{% if header|length > 10 %}{% set tbcolcount = "greater" %}{% endif %}
+{%
+  set table_classes = [
+    'layer-wrapper',
+    tbcolcount
+  ]
+%}
+<div{{ table_attribute.addClass(table_classes)}}>
   <table{{ attributes }}>
     {% if caption %}
       <caption>{{ caption }}</caption>