diff --git a/f2/src/components/skip-link/index.js b/f2/src/components/skip-link/index.js
index eca64665f..1a455ced3 100644
--- a/f2/src/components/skip-link/index.js
+++ b/f2/src/components/skip-link/index.js
@@ -24,7 +24,8 @@ export const SkipLink = ({ invisible, ...rest }) => (
     <A
       mt={2}
       p={2}
-      backgroundColor="black"
+      textDecoration=""
+      backgroundColor="blue.900"
       color="white"
       fontWeight="bold"
       position="absolute"
diff --git a/f2/src/components/skip-link/skip-link.stories.mdx b/f2/src/components/skip-link/skip-link.stories.mdx
new file mode 100644
index 000000000..2fbdfad80
--- /dev/null
+++ b/f2/src/components/skip-link/skip-link.stories.mdx
@@ -0,0 +1,22 @@
+import { Meta, Story, Props, Preview } from '@storybook/addon-docs/blocks'
+import ThemeDecorator from '../../../.storybook/themeDecorator'
+import { SkipLink } from './index'
+import { Stack } from '@chakra-ui/core'
+
+<Meta
+  title="Components/SkipLink"
+  component={SkipLink}
+  decorators={[ThemeDecorator]}
+/>
+
+# SkipLink
+
+<Preview>
+  <Story height="50px" name="SkipLink">
+    <SkipLink>Hello there</SkipLink>
+  </Story>
+</Preview>
+
+## Props
+
+<Props of={SkipLink} />
diff --git a/f2/src/locales/en.json b/f2/src/locales/en.json
index 3a0c8da7a..853c51d1d 100644
--- a/f2/src/locales/en.json
+++ b/f2/src/locales/en.json
@@ -1,5 +1,5 @@
 {
-  "SkipLink.text": "Skip to main content.",
+  "SkipLink.text": "Skip to main content",
   "backButton.text": "Go back",
   "banner.footerPrivacy": "Privacy",
   "banner.footerTermsAndConditions": "Terms and conditions",
diff --git a/f2/src/locales/fr.json b/f2/src/locales/fr.json
index 1d5a63d16..c8b1ccb43 100644
--- a/f2/src/locales/fr.json
+++ b/f2/src/locales/fr.json
@@ -1,5 +1,5 @@
 {
-  "SkipLink.text": "Aller au contenu principal.",
+  "SkipLink.text": "Aller au contenu principal",
   "backButton.text": "Retour",
   "banner.footerPrivacy": "Confidentialité",
   "banner.footerTermsAndConditions": "Avis",