diff --git a/new-lamassu-admin/src/pages/Maintenance/MachineDetailsCard.js b/new-lamassu-admin/src/pages/Maintenance/MachineDetailsCard.js
index 9f2ee18b..febfab8f 100644
--- a/new-lamassu-admin/src/pages/Maintenance/MachineDetailsCard.js
+++ b/new-lamassu-admin/src/pages/Maintenance/MachineDetailsCard.js
@@ -101,7 +101,7 @@ const MachineDetailsRow = ({ it: machine, onActionSuccess }) => {
{machine.statuses.map((status, index) => (
- -
+
-
))}
@@ -113,8 +113,9 @@ const MachineDetailsRow = ({ it: machine, onActionSuccess }) => {
{machine.statuses
.map(article)
.map(({ label, article }, index) => (
- -
+
-
diff --git a/new-lamassu-admin/src/pages/Maintenance/MachineDetailsCard.styles.js b/new-lamassu-admin/src/pages/Maintenance/MachineDetailsCard.styles.js
index c375d80a..00ac1ab8 100644
--- a/new-lamassu-admin/src/pages/Maintenance/MachineDetailsCard.styles.js
+++ b/new-lamassu-admin/src/pages/Maintenance/MachineDetailsCard.styles.js
@@ -35,15 +35,15 @@ const machineDetailsStyles = {
list: {
padding: 0,
margin: 0,
- listStyle: 'none',
- '& > li': {
- height: spacer * 3,
- marginBottom: spacer * 1.5,
- '& > a, & > a:visited': {
- color: primaryColor,
- textDecoration: 'none'
- }
- }
+ listStyle: 'none'
+ },
+ item: {
+ height: spacer * 3,
+ marginBottom: spacer * 1.5
+ },
+ link: {
+ color: primaryColor,
+ textDecoration: 'none'
},
divider: {
margin: '0 1rem'