Fix navLink width

components/OrganizedContent.module.css

@@ -25,6 +25,11 @@
   padding: 0.5rem 2rem 0.5rem 0.5rem;
 }
 
+.navLinkSelected {
+  /* smaller to account for marker width */
+  padding: 0.5rem 1.15rem 0.5rem 0.5rem; 
+}
+
 .readAll {
   font-weight: bold;
 }

components/OrganizedContent.tsx

@@ -87,7 +87,14 @@ const Nav = ({ headings, currentIndex, link: Link }: ChildProps) => {
             {index === currentIndex && (
               <span className={styles.selectedMarker} />
             )}
-            <Link className={styles.navLink} url={heading.url}>
+            <Link
+              className={
+                styles.navLink +
+                " " +
+                (index === currentIndex ? styles.navLinkSelected : "")
+              }
+              url={heading.url}
+            >
               {heading.title}
             </Link>
           </div>