diff --git a/src/layout/socialNav.tsx b/src/layout/socialNav.tsx
index c1f4b64..e65db8a 100644
--- a/src/layout/socialNav.tsx
+++ b/src/layout/socialNav.tsx
@@ -82,19 +82,20 @@ interface NavButtonProps {
   to: string
   isActive: boolean
   svgPath: string
+  viewBox?: string
 }
 
-const NavButton = ({ to, isActive, svgPath }: 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='0 0 512 512'
-      width='1em'
+      viewBox={viewBox}
+      width='1em' 
       height='1em'
       fill='currentColor'
     >