More limits to Lead nav

eea · Nov 23, 2021 · 0b5a328 · 0b5a328
1 parent 24104f2
commit 0b5a328
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/theme/Header/HeaderNavigation.jsx b/src/components/theme/Header/HeaderNavigation.jsx
@@ -137,7 +137,13 @@ const HeaderNavigation = ({ items, pageWidth }) => {
           {displayedItems.length > 0 &&
             displayedItems.map((item, index) => (
               <Link
-                style={{ width: `${100 / itemsPerPage}%` }}
+                style={{
+                  width: `${
+                    items.length < itemsPerPage
+                      ? 100 / items.length
+                      : 100 / itemsPerPage
+                  }%`,
+                }}
                 className={`lead-navigation-item ${
                   activeItem.title === item.title ? 'active-lead-nav' : ''
                 }`}