diff --git a/src/app/components/UsefulLinks/index.styles.tsx b/src/app/components/UsefulLinks/index.styles.tsx index d15017f18da..9f4eb5b101d 100644 --- a/src/app/components/UsefulLinks/index.styles.tsx +++ b/src/app/components/UsefulLinks/index.styles.tsx @@ -35,7 +35,7 @@ const styles = { link: ({ palette, fontVariants, fontSizes, isDarkUi }: Theme) => css({ color: isDarkUi ? palette.GREY_2 : palette.GREY_10, - textDecoration: 'none', + textDecoration: 'underline', ...fontSizes.pica, ...fontVariants.sansBold, paddingTop: `${pixelsToRem(12)}rem`, @@ -46,6 +46,7 @@ const styles = { }, '&:hover, &:focus': { textDecoration: 'underline', + textDecorationThickness: `${pixelsToRem(3)}rem`, }, }), }; diff --git a/src/app/components/UsefulLinks/metadata.json b/src/app/components/UsefulLinks/metadata.json index d94b03e268f..643a1e91341 100644 --- a/src/app/components/UsefulLinks/metadata.json +++ b/src/app/components/UsefulLinks/metadata.json @@ -20,9 +20,9 @@ } }, "swarm": { - "done": false, + "done": true, "reference": { - "url": "https://paper.dropbox.com/doc/A11Y-Swarm-Useful-links-component--CmaWk9LP4gvTnfHz7Cjf4Nq2Ag-XVbiG0FkskWFdapCOCpI3", + "url": "https://paper.dropbox.com/doc/A11Y-Swarm-Useful-links-component--CzBuyGEHnZidyflOaDzbDNy4Ag-XVbiG0FkskWFdapCOCpI3", "label": "Accessibility Swarm Notes" } }