From 629dd669c4970fbc89ac97ba254a88a280a4dbaf Mon Sep 17 00:00:00 2001
From: Prakash Senthil Vel <23444145+prakashsvmx@users.noreply.github.com>
Date: Thu, 18 May 2023 22:24:21 +0530
Subject: [PATCH] Fix anonymous access rule not displayed due to style (#2820)

---
 .../Buckets/BucketDetails/AccessRulePanel.tsx       | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/portal-ui/src/screens/Console/Buckets/BucketDetails/AccessRulePanel.tsx b/portal-ui/src/screens/Console/Buckets/BucketDetails/AccessRulePanel.tsx
index ecab73865d..42607c30f5 100644
--- a/portal-ui/src/screens/Console/Buckets/BucketDetails/AccessRulePanel.tsx
+++ b/portal-ui/src/screens/Console/Buckets/BucketDetails/AccessRulePanel.tsx
@@ -19,7 +19,6 @@ import { useSelector } from "react-redux";
 import { useParams } from "react-router-dom";
 import { Theme } from "@mui/material/styles";
 import { AddIcon, Button } from "mds";
-import { Paper } from "@mui/material";
 import createStyles from "@mui/styles/createStyles";
 import { ErrorResponseHandler } from "../../../../common/types";
 import TableWrapper from "../../Common/TableWrapper/TableWrapper";
@@ -219,7 +218,7 @@ const AccessRule = () => {
           </TooltipWrapper>
         </SecureComponent>
       </Grid>
-      <Paper className={classes.tableBlock}>
+      <Grid item sx={{ border: "#EAEDEE 1px solid" }}>
         <SecureComponent
           scopes={[IAM_SCOPES.S3_GET_BUCKET_POLICY, IAM_SCOPES.S3_GET_ACTIONS]}
           resource={bucketName}
@@ -229,7 +228,13 @@ const AccessRule = () => {
             noBackground={true}
             itemActions={AccessRuleActions}
             columns={[
-              { label: "Prefix", elementKey: "prefix" },
+              {
+                label: "Prefix",
+                elementKey: "prefix",
+                renderFunction: (prefix: string) => {
+                  return prefix || "/";
+                },
+              },
               { label: "Access", elementKey: "access" },
             ]}
             isLoading={loadingAccessRules}
@@ -238,7 +243,7 @@ const AccessRule = () => {
             idField="prefix"
           />
         </SecureComponent>
-      </Paper>
+      </Grid>
     </Fragment>
   );
 };