diff --git a/src/layout/socialNav.tsx b/src/layout/socialNav.tsx
index e65db8a..022f555 100644
--- a/src/layout/socialNav.tsx
+++ b/src/layout/socialNav.tsx
@@ -85,21 +85,23 @@ interface NavButtonProps {
   viewBox?: string
 }
 
-const NavButton = ({ to, isActive, svgPath, viewBox='0 0 512 512' }: NavButtonProps) => ( 
+const NavButton = ({ to, isActive, svgPath, viewBox = '0 0 512 512' }: NavButtonProps) => (
   <Link
     to={to}
-    className={btn btnMain socialNavInsideBtn ${
+    className={`btn btnMain socialNavInsideBtn ${
       isActive ? 'socialNavInsideBtnActive' : ''
-    }}
+    }`}
   >
     <svg
       xmlns='http://www.w3.org/2000/svg'
       viewBox={viewBox}
-      width='1em' 
+      width='1em'
       height='1em'
       fill='currentColor'
     >
       <path d={svgPath}></path>
     </svg>
   </Link>
-)
+);
+
+