fix appearance of the policy list

wso2 · Dec 18, 2024 · cd50816 · cd50816
1 parent da24076
commit cd50816
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/portals/publisher/src/main/webapp/source/src/app/components/Shared/PoliciesUI/TabPanel.tsx b/portals/publisher/src/main/webapp/source/src/app/components/Shared/PoliciesUI/TabPanel.tsx
@@ -92,7 +92,10 @@ const TabPanelShared: FC<TabPanelSharedProps> = (props) => {
                         </Typography>
                     </AccordionSummary>
                     <AccordionDetails>
-                        <Box py={1} px={3} width='100%' alignItems='center'>
+                        <Box py={1} px={3} sx={{
+                                                maxWidth: "90%", // Set a maximum width for the accordion
+                                                margin: "0 auto",  // Center the accordion horizontally
+                                            }} alignItems='center'>
                             {props.selectedTab === props.index && (
                                 <>
                                     {(props.commonPolicyList && props.commonPolicyList.length > 0) ? (
@@ -127,7 +130,10 @@ const TabPanelShared: FC<TabPanelSharedProps> = (props) => {
                         </Typography>
                     </AccordionSummary>
                     <AccordionDetails>
-                        <Box py={1} px={3} width='100%' alignItems='center'>
+                        <Box py={1} px={3} sx={{
+                                                maxWidth: "90%", // Set a maximum width for the accordion
+                                                margin: "0 auto",  // Center the accordion horizontally
+                                            }} alignItems='center'>
                             {props.selectedTab === props.index && (
                                 <>                                               
                                     {(props.apiPolicyList && props.apiPolicyList.length > 0) ? (