Fix Github LinkItem color and LinkItem width

components/AboutPage/index.scss

@@ -67,5 +67,10 @@
 
   .LinkItem {
     max-width: calc($width / 3 * 2);
+
+    @include breakpoint(phone) {
+      max-width: inherit;
+      width: 100%;
+    }
   }
 }

components/RoadmapPage/index.tsx

@@ -21,7 +21,7 @@ const RoadmapPage = () => {
       <section className="notes">
         <p>{about('roadmap.blurb')}</p>
         <p>{about('roadmap.link.intro')}</p>
-        <div className="LinkItem">
+        <div className="Github LinkItem">
           <Link href="https://github.com/users/jedmund/projects/1/views/3">
             <a
               href="https://github.com/users/jedmund/projects/1/views/3"

styles/globals.scss

@@ -167,14 +167,9 @@ select {
     }
 
     &.Github {
-      .Left svg {
-        background: white;
-        border-radius: calc($diameter / 2);
-      }
-
       &:hover {
         .Left svg {
-          fill: #6e5494;
+          fill: var(--text-primary);
         }
       }
     }