From 22792b72c7916f0eb45fcce247ed21f8b5189ef0 Mon Sep 17 00:00:00 2001
From: areychana <93970069+areychana@users.noreply.github.com>
Date: Sat, 6 Jun 2026 14:12:11 +0530
Subject: [PATCH 1/2] expand default permissions table to use full page width

Signed-off-by: areychana <93970069+areychana@users.noreply.github.com>
---
 assets/scss/_content_project.scss             | 34 +++++++++++++++++++
 .../en/cloud/reference/default-permissions.md | 22 +++++++-----
 2 files changed, 47 insertions(+), 9 deletions(-)

diff --git a/assets/scss/_content_project.scss b/assets/scss/_content_project.scss
index 73db1ec2f13..d261c49f642 100644
--- a/assets/scss/_content_project.scss
+++ b/assets/scss/_content_project.scss
@@ -270,3 +270,37 @@ th {
   overflow-x: auto;
   max-width: 100%;
 }
+
+.td-content .permissions-tabpane {
+  max-width: 100%;
+  width: 100%;
+}
+
+.td-content .permissions-tabpane .nav-tabs,
+.td-content .permissions-tabpane .tab-content,
+.td-content .permissions-tabpane .tab-pane,
+.td-content .permissions-tabpane .csvtable-div,
+.td-content .permissions-tabpane table.csvtable {
+  width: 100%;
+  max-width: 100%;
+}
+
+.permissions-tabpane table.csvtable th:nth-child(n+3),
+.permissions-tabpane table.csvtable td:nth-child(n+3) {
+  text-align: center;
+}
+
+.permissions-tabpane .csvtable-div table.csvtable {
+  table-layout: fixed;
+}
+
+.permissions-tabpane .csvtable-div table.csvtable th:first-child,
+.permissions-tabpane .csvtable-div table.csvtable td:first-child {
+  width: 25%;
+}
+
+.permissions-tabpane .csvtable-div table.csvtable th:nth-child(2),
+.permissions-tabpane .csvtable-div table.csvtable 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>

From 53e515b37d20db004001086b1f79fad77191116c Mon Sep 17 00:00:00 2001
From: areychana <93970069+areychana@users.noreply.github.com>
Date: Sat, 6 Jun 2026 14:21:33 +0530
Subject: [PATCH 2/2] refactor: use SCSS nesting for permissions-tabpane styles

Signed-off-by: areychana <93970069+areychana@users.noreply.github.com>
---
 assets/scss/_content_project.scss | 52 +++++++++++++++++--------------
 1 file changed, 28 insertions(+), 24 deletions(-)

diff --git a/assets/scss/_content_project.scss b/assets/scss/_content_project.scss
index d261c49f642..271d6f28e94 100644
--- a/assets/scss/_content_project.scss
+++ b/assets/scss/_content_project.scss
@@ -274,33 +274,37 @@ th {
 .td-content .permissions-tabpane {
   max-width: 100%;
   width: 100%;
-}
 
-.td-content .permissions-tabpane .nav-tabs,
-.td-content .permissions-tabpane .tab-content,
-.td-content .permissions-tabpane .tab-pane,
-.td-content .permissions-tabpane .csvtable-div,
-.td-content .permissions-tabpane table.csvtable {
-  width: 100%;
-  max-width: 100%;
-}
+  .nav-tabs,
+  .tab-content,
+  .tab-pane,
+  .csvtable-div,
+  table.csvtable {
+    width: 100%;
+    max-width: 100%;
+  }
 
-.permissions-tabpane table.csvtable th:nth-child(n+3),
-.permissions-tabpane table.csvtable td:nth-child(n+3) {
-  text-align: center;
-}
+  table.csvtable {
+    th:nth-child(n+3),
+    td:nth-child(n+3) {
+      text-align: center;
+    }
+  }
 
-.permissions-tabpane .csvtable-div table.csvtable {
-  table-layout: fixed;
-}
+  .csvtable-div {
+    table.csvtable {
+      table-layout: fixed;
 
-.permissions-tabpane .csvtable-div table.csvtable th:first-child,
-.permissions-tabpane .csvtable-div table.csvtable td:first-child {
-  width: 25%;
-}
+      th:first-child,
+      td:first-child {
+        width: 25%;
+      }
 
-.permissions-tabpane .csvtable-div table.csvtable th:nth-child(2),
-.permissions-tabpane .csvtable-div table.csvtable td:nth-child(2) {
-  width: 75%;
-  max-width: none;
+      th:nth-child(2),
+      td:nth-child(2) {
+        width: 75%;
+        max-width: none;
+      }
+    }
+  }
 }