Fix bottom margin values so intercom does not overlap other components (

#2833) * Fix bottom margin values so intercom does not overlap other components * Extend the transactions list height until behind the intercom button
5afe · Oct 19, 2021 · 053396f · 053396f
1 parent 671675b
commit 053396f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/Table/index.tsx b/src/components/Table/index.tsx
@@ -8,7 +8,7 @@ import * as React from 'react'
 import TableHead from 'src/components/Table/TableHead'
 import { getSorting, stableSort } from 'src/components/Table/sorting'
 import Row from 'src/components/layout/Row'
-import { sm, xl, xxl } from 'src/theme/variables'
+import { sm, xxl } from 'src/theme/variables'
 
 const styles = {
   root: {
@@ -27,7 +27,7 @@ const styles = {
   paginationRoot: {
     backgroundColor: 'white',
     boxShadow: '1px 2px 10px 0 rgba(212, 212, 211, 0.59)',
-    marginBottom: xl,
+    marginBottom: '90px',
     borderBottomRightRadius: sm,
     borderBottomLeftRadius: sm,
   },

diff --git a/src/routes/safe/components/Apps/components/AppsList.tsx b/src/routes/safe/components/Apps/components/AppsList.tsx
@@ -65,6 +65,7 @@ const SectionHeading = styled(Text)`
 
 const CenterIconText = styled(IconText)`
   justify-content: center;
+  margin-right: 55px;
 `
 
 const AppsList = (): React.ReactElement => {