Firefox header progress fix

Author: bh412

src/app/components/site/phy/HeaderPhy.tsx

@@ -29,7 +29,7 @@ export const HeaderPhy = () => {
                         <a href={`#${mainContentId}`} className="skip-main">Skip to main content</a>
 
                         <div className="m-md-0 d-none d-md-block d-flex align-self-center d-print-none pl-4">
-                            {user?.loggedIn && navigator.userAgent.indexOf("Firefox") < 0 &&
+                            {user?.loggedIn &&
                                 <React.Fragment>
                                     <div id="header-progress" className="d-none d-md-block">
                                         Streak:

src/scss/phy/header.scss

@@ -4,11 +4,8 @@ a.skip-main:focus, a.skip-main:active {
   left: 7%;
   top: 70px;
 }
-div.header-progress {
-  position: relative;
-  float: bottom;
-  height: 100px;
-  width: 100px;
+div#header-progress {
+  max-width: min-content;
 }
 header {
   z-index: 20;