diff --git a/gatsby/src/components/GalleryImage.js b/gatsby/src/components/GalleryImage.js
index bd16d50..cf261c8 100644
--- a/gatsby/src/components/GalleryImage.js
+++ b/gatsby/src/components/GalleryImage.js
@@ -36,7 +36,7 @@ const GalleryImage = ({ data }) => {
         style={getVibrantToHelmetSafeBodyStyle(vibrant)}
       />
     </Helmet>
-    <Link className="underline text-vibrant-light arrow-left-before absolute" to="/photogallery">back</Link>
+    <Link className="hover:underline text-vibrant-light hover:text-muted-light arrow-left-before absolute" to="/photogallery">gallery</Link>
     <div className="min-h-screen flex flex-col justify-center">
       <div className={classnames('flex mx-auto', ar > 1 ? 'flex-col' : 'flex-row-reverse')} style={{ margin: '0 5vw' }}>
         <div className="flex-grow-0">
diff --git a/gatsby/src/pages/index.js b/gatsby/src/pages/index.js
index 5aa11cf..c7894d2 100644
--- a/gatsby/src/pages/index.js
+++ b/gatsby/src/pages/index.js
@@ -24,6 +24,7 @@ const IndexPage = ({ data: { allFile: { edges } } }) => {
   }, [isClient]);
   return (<>
     <Helmet>
+      <title>Chuck Dries</title>
       <body
         className={classnames(isClient ? 'bg-vibrant-dark' : '')}
         style={getVibrantToHelmetSafeBodyStyle(vibrant)}
@@ -67,7 +68,7 @@ const IndexPage = ({ data: { allFile: { edges } } }) => {
           </section>
           <Link
             className={classnames(
-              'hover:underline inline-block p-4 px-5 my-2 rounded-md border-2 arrow-right-after font-bold font-serif',
+              'hover:underline inline-block p-2 px-4 my-2 text-lg rounded-md border-2 arrow-right-after font-bold font-serif',
               isClient && 'text-muted-dark bg-muted-light border-muted-light')} 
             to="/photogallery"
           >
diff --git a/gatsby/src/pages/photogallery.js b/gatsby/src/pages/photogallery.js
index 9df8194..c06a56a 100644
--- a/gatsby/src/pages/photogallery.js
+++ b/gatsby/src/pages/photogallery.js
@@ -20,7 +20,7 @@ const GalleryPage = ({ data }) => {
       <body className="bg-black text-white" />
     </Helmet>
     <div className="bg-black min-h-screen 2xl:container">
-      <Link className="text-blue-300 arrow-left-before" to="/">back</Link>
+      <Link className="hover:underline hover:text-blue-200 text-blue-300 arrow-left-before" to="/">home</Link>
       <h1 className="text-5xl mt-2 ml-4 font-serif font-black z-10 relative">Photo Gallery</h1>
       <div className="mx-auto">
         <MasonryGallery
diff --git a/gatsby/src/styles/global.css b/gatsby/src/styles/global.css
index 0b2c415..6a674b4 100644
--- a/gatsby/src/styles/global.css
+++ b/gatsby/src/styles/global.css
@@ -68,5 +68,5 @@ a {
   margin-left: 3px;
   transform: translate(0px);
   display: inline-block;
-  transition: all .2s;
+  /* transition: all .2s; */
 }
