diff --git a/packages/console/src/components/PermissionsTable/index.module.scss b/packages/console/src/components/PermissionsTable/index.module.scss
index 98167519a..869727458 100644
--- a/packages/console/src/components/PermissionsTable/index.module.scss
+++ b/packages/console/src/components/PermissionsTable/index.module.scss
@@ -13,6 +13,10 @@
     .searchInput {
       width: 306px;
     }
+
+    .createButton {
+      margin-left: _.unit(2);
+    }
   }
 
   .name {
@@ -33,4 +37,8 @@
     display: block;
     @include _.text-ellipsis;
   }
+
+  .deleteColumn {
+    text-align: right;
+  }
 }
diff --git a/packages/console/src/components/PermissionsTable/index.tsx b/packages/console/src/components/PermissionsTable/index.tsx
index ab5246310..d1d9224e5 100644
--- a/packages/console/src/components/PermissionsTable/index.tsx
+++ b/packages/console/src/components/PermissionsTable/index.tsx
@@ -94,7 +94,8 @@ function PermissionsTable({
   const deleteColumn: Column<ScopeResponse> = {
     title: null,
     dataIndex: 'delete',
-    colSpan: 1,
+    colSpan: 2,
+    className: styles.deleteColumn,
     render: (scope) =>
       /**
        * When the table is read-only, hide the delete button rather than the whole column to keep the table column spaces.
@@ -143,6 +144,7 @@ function PermissionsTable({
           {!isReadOnly && (
             <Button
               title={createButtonTitle}
+              className={styles.createButton}
               type="primary"
               size="large"
               icon={<Plus />}
diff --git a/packages/console/src/components/Table/index.module.scss b/packages/console/src/components/Table/index.module.scss
index cf19283ed..b680f14f3 100644
--- a/packages/console/src/components/Table/index.module.scss
+++ b/packages/console/src/components/Table/index.module.scss
@@ -4,6 +4,7 @@
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  min-width: min-content;
 }
 
 .tableContainer {