diff --git a/assets/scss/_content_project.scss b/assets/scss/_content_project.scss
index 73db1ec2f13..271d6f28e94 100644
--- a/assets/scss/_content_project.scss
+++ b/assets/scss/_content_project.scss
@@ -270,3 +270,41 @@ th {
   overflow-x: auto;
   max-width: 100%;
 }
+
+.td-content .permissions-tabpane {
+  max-width: 100%;
+  width: 100%;
+
+  .nav-tabs,
+  .tab-content,
+  .tab-pane,
+  .csvtable-div,
+  table.csvtable {
+    width: 100%;
+    max-width: 100%;
+  }
+
+  table.csvtable {
+    th:nth-child(n+3),
+    td:nth-child(n+3) {
+      text-align: center;
+    }
+  }
+
+  .csvtable-div {
+    table.csvtable {
+      table-layout: fixed;
+
+      th:first-child,
+      td:first-child {
+        width: 25%;
+      }
+
+      th:nth-child(2),
+      td:nth-child(2) {
+        width: 75%;
+        max-width: none;
+      }
+    }
+  }
+}
diff --git a/content/en/cloud/reference/default-permissions.md b/content/en/cloud/reference/default-permissions.md
index 2ca694b6101..4243e50a56f 100644
--- a/content/en/cloud/reference/default-permissions.md
+++ b/content/en/cloud/reference/default-permissions.md
@@ -13,12 +13,16 @@ tags: [perms]
 - ✅* user must be resource owner in order to perform action.
 - ✅ user is allowed to perform action regardless of resource ownership.
 
-  {{< tabpane text=true >}}
-  {{< tab header="**Sort by**:" disabled=true />}}
-  {{< tab header="Categories" lang="en" >}}
-  {{< csvtable >}}
-  {{< /tab >}}
-  {{< tab header="Roles" lang="en" >}}
-  {{< csvtable-roles >}}
-  {{< /tab >}}
-  {{< /tabpane >}}
+<div class="permissions-tabpane">
+
+{{< tabpane text=true >}}
+{{< tab header="**Sort by**:" disabled=true />}}
+{{< tab header="Categories" lang="en" >}}
+{{< csvtable >}}
+{{< /tab >}}
+{{< tab header="Roles" lang="en" >}}
+{{< csvtable-roles >}}
+{{< /tab >}}
+{{< /tabpane >}}
+
+</div>