diff --git a/src/pages/index.js b/src/pages/index.js
index d81dda2..89ee5a3 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -110,7 +110,7 @@ const IndexPage = ({ data: { allFile: { edges } } }) => {
         : <div className="landscape:h-screen portrait:h-two-thirds-vw w-full" style={{gridArea: '1/1' }}></div> }
       <div className="relative grid place-items-center" style={{gridArea: '1/1'}}>
         <div className="m-0 sm:m-3 flex flex-col items-end">
-          <section className={classnames('rounded-xl md:px-6 px-4 md:py-5 py-3', isClient && ' bg-vibrant-dark-75')}>
+          <section className={classnames('rounded-xl md:px-6 px-4 md:py-5 py-3', isClient && 'border-2 border-vibrant-light bg-vibrant-dark-75')}>
             <div className="mx-auto">
               <h1 className={classnames('font-black text-4xl sm:text-5xl md:text-6xl', isClient && 'text-vibrant-light')}>Chuck Dries</h1>
               <h2 className={classnames('text-xl md:text-2xl', isClient && 'text-vibrant')}>Full stack software engineer &amp; hobbyist photographer</h2>