Merge pull request #1335 from akto-api-security/hotfix/fix_ui_posture…

…_page Fixing alignment of posture page
akto-api-security · Aug 7, 2024 · 343f28e · 343f28e
2 parents 7a64f51 + c4bbaf9
commit 343f28e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/...hboard/web/polaris_web/web/src/apps/dashboard/pages/dashboard/components/CoverageCard.jsx b/...hboard/web/polaris_web/web/src/apps/dashboard/pages/dashboard/components/CoverageCard.jsx
@@ -14,14 +14,14 @@ function CoverageCard({coverageObj, collections, collectionsMap}) {
                     {sortedCollectionElements.map((collectionObj,index)=> (
                         <Box padding={2} key={collectionObj.id}>
                             <VerticalStack gap={2}>
-                                <Text variant="bodyMd">
+                                <Text variant="bodyMd" breakWord truncate>
                                     {collectionsMap[collectionObj.id]}
                                 </Text>
                                 <HorizontalStack gap={2}>
                                     <Box width='85%'>
                                         <ProgressBar size="small" color={collectionObj.status} progress={collectionObj.coverage} />
                                     </Box>
-                                    <Text color="subdued" variant="bodyMd">{collectionObj.coverage}%</Text>
+                                    <Text breakWord color="subdued" variant="bodyMd">{collectionObj.coverage}%</Text>
                                 </HorizontalStack>
                                 {index < (collections.length - 1) ? <Divider/> : null }
                             </VerticalStack>

diff --git a/.../dashboard/web/polaris_web/web/src/apps/dashboard/pages/dashboard/components/Pipeline.jsx b/.../dashboard/web/polaris_web/web/src/apps/dashboard/pages/dashboard/components/Pipeline.jsx
@@ -46,7 +46,7 @@ function Pipeline({riskScoreMap, collections, collectionsMap}) {
                 <Modal.Section>
                     <VerticalStack gap={2}>
                         <HorizontalStack gap={2} align="start">
-                            <Text>
+                            <Text breakWord truncate>
                             Akto's integration with GitHub enterprise and Github.com allows you to maintain API security through GitHub pull requests itself. &nbsp;
 
                             <Link to='https://docs.akto.io/api-security-testing/how-to/setup-github-integration-for-ci-cd' target="_blank" rel="noopener noreferrer" style={{ color: "#3385ff", textDecoration: 'none' }}>