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);
   }