From 0669f0e33c37cf2e77f64cd0080198acb73f4184 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] fix: expand default permissions table to use full page width

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

diff --git a/assets/scss/_content_project.scss b/assets/scss/_content_project.scss
index 73db1ec2f13..c9e0a73a4cd 100644
--- a/assets/scss/_content_project.scss
+++ b/assets/scss/_content_project.scss
@@ -270,3 +270,43 @@ th {
   overflow-x: auto;
   max-width: 100%;
 }
+
+.td-content .permissions-tabpane {
+  max-width: 100%;
+  width: 100%;
+  overflow: visible;
+  margin-top: 1rem;
+
+  .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..64ebc3aa8d2 100644
--- a/content/en/cloud/reference/default-permissions.md
+++ b/content/en/cloud/reference/default-permissions.md
@@ -13,12 +13,14 @@ 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>