diff --git a/src/components/Index/HeroLink.js b/src/components/Index/HeroLink.js
index c9359db..cef4276 100644
--- a/src/components/Index/HeroLink.js
+++ b/src/components/Index/HeroLink.js
@@ -10,7 +10,7 @@ export const HeroA = ({
 }) => (
   <a
     className={classnames(
-      "mx-2 underline",
+      "mx-3 ",
       isClient && "text-muted-light hover:text-vibrant-light",
       className
     )}
diff --git a/src/pages/index.js b/src/pages/index.js
index 029151d..0d3d2e9 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -207,7 +207,7 @@ const IndexPage = ({
             )}
             style={{ zIndex: 100 }}
           >
-            <ul className="flex flex-wrap justify-around">
+            <ul className="flex flex-wrap justify-center">
               <li>
                 <HeroA
                   href="/CharlesDriesResumeCurrent.pdf"