diff --git a/_layouts/anchor_headings.html b/_layouts/anchor_headings.html
deleted file mode 100644
index efec628fee1c5a45df48b1fc290beabd908402ea..0000000000000000000000000000000000000000
--- a/_layouts/anchor_headings.html
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: vendor/compress
----
-
-{% include vendor/anchor_headings.html html=content anchorBody="#" anchorClass="anchor_heading" %}
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index 0b3928d65526d75e66258e39d4176901b21a7909..0ee5dcc58f993c155eec7daefcfee1264864c75d 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,5 +1,5 @@
---
-layout: anchor_headings
+layout: table_wrappers
---
<!DOCTYPE html>
@@ -57,7 +57,8 @@ layout: anchor_headings
{% endif %}
{% endunless %}
<div id="main-content" class="page-content" role="main">
- {{ content }}
+
+ {% include vendor/anchor_headings.html html=content anchorBody="#" anchorClass="anchor_heading" %}
{% if page.has_children == true and page.has_toc != false %}
<hr>
diff --git a/_layouts/table_wrappers.html b/_layouts/table_wrappers.html
new file mode 100644
index 0000000000000000000000000000000000000000..cc6187addf3034552467d9841b89b40404a9a631
--- /dev/null
+++ b/_layouts/table_wrappers.html
@@ -0,0 +1,7 @@
+---
+layout: vendor/compress
+---
+
+{% assign content_ = content | replace: '<table', '<div class="table-wrapper"><table' %}
+{% assign content_ = content_ | replace: '</table>', '</table></div>' %}
+{{ content_ }}
\ No newline at end of file
diff --git a/_sass/tables.scss b/_sass/tables.scss
index 39bc0dc38e9dcd5a30b1f0969db3537fd34b8a16..c5be6063e6d69c36ba110a1e29c89de437c9f9ca 100644
--- a/_sass/tables.scss
+++ b/_sass/tables.scss
@@ -3,18 +3,19 @@
//
// stylelint-disable max-nesting-depth, selector-no-type, selector-max-type
-table {
+.table-wrapper {
display: block;
width: 100%;
max-width: 100%;
margin-bottom: $sp-5;
overflow-x: auto;
- border-collapse: separate;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 4px 14px rgba(0, 0, 0, 0.05);
+}
- @include mq(sm) {
- display: table;
- }
+table {
+ display: table;
+ min-width: 100%;
+ border-collapse: separate;
}
th,