Apply suggestions from code review

Change wording on link to main

Co-Authored-By: James Sharkey <jsharkey13@users.noreply.github.com>

Author: bh412

src/app/components/navigation/Header.tsx

@@ -27,7 +27,7 @@ const HeaderComponent = ({user}: HeaderProps) => {
                             </Link>
                         </div>
 
-                        <a href="#main" className="skip-main">Skip to content</a>
+                        <a href="#main" className="skip-main">Skip to main content</a>
 
                         <div className="header-links ml-auto pr-3 px-md-3 d-flex align-items-center d-print-none">
                             {user &&

src/scss/header.scss

@@ -83,7 +83,7 @@ a.skip-main:focus, a.skip-main:active {
   background-color:#fff;
   left: 5%;
   top: 60px;
-  width: 150px;
+  width: 175px;
   height: auto;
   overflow: auto;
   margin: 10px;