From 7d76f0d6faadf6752d7cb4f25dca5350bd4a8f07 Mon Sep 17 00:00:00 2001
From: Joachim Robert <joachim.robert@protonmail.com>
Date: Sat, 9 Feb 2019 14:30:13 +0100
Subject: [PATCH] Replace button with focusable div

---
 components/Header/index.js | 1 +
 components/Header/style.js | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/Header/index.js b/components/Header/index.js
index 855794a..da38203 100644
--- a/components/Header/index.js
+++ b/components/Header/index.js
@@ -54,6 +54,7 @@ export default function Header(props: Props) {
       <Progression
         id="progress"
         aria-label={`${currentCount} of ${totalItemsCount} completed`}
+        tabIndex="0"
       >
         <ProgressBar
           id="progress_bar"
diff --git a/components/Header/style.js b/components/Header/style.js
index 8317790..d46d71b 100644
--- a/components/Header/style.js
+++ b/components/Header/style.js
@@ -29,7 +29,7 @@ export const Logo = styled.h1`
   color: ${theme.text.default};
 `;
 
-export const Progression = styled.button`
+export const Progression = styled.div`
   text-align: center;
   position: absolute;
   left: 0;
@@ -120,7 +120,7 @@ export const LogoLink = styled.a`
   align-items: center;
   border-radius: 6px;
   height: 100%;
-  
+
   &:hover {
     transform: scale(1.2);
   }