diff --git a/components/AboutPage/index.scss b/components/AboutPage/index.scss
index 68f21a12..1dad165b 100644
--- a/components/AboutPage/index.scss
+++ b/components/AboutPage/index.scss
@@ -67,5 +67,10 @@
 
   .LinkItem {
     max-width: calc($width / 3 * 2);
+
+    @include breakpoint(phone) {
+      max-width: inherit;
+      width: 100%;
+    }
   }
 }
diff --git a/components/RoadmapPage/index.tsx b/components/RoadmapPage/index.tsx
index 695f437c..2b396078 100644
--- a/components/RoadmapPage/index.tsx
+++ b/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"
diff --git a/styles/globals.scss b/styles/globals.scss
index 739f76e2..95e2892f 100644
--- a/styles/globals.scss
+++ b/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);
         }
       }
     }