diff --git a/web/sections/AnchorLinkList/AnchorLinkList.tsx b/web/sections/AnchorLinkList/AnchorLinkList.tsx
index 3b5a4d5dd..9ae2b4d51 100644
--- a/web/sections/AnchorLinkList/AnchorLinkList.tsx
+++ b/web/sections/AnchorLinkList/AnchorLinkList.tsx
@@ -29,7 +29,7 @@ const AnchorLinkList = forwardRef<HTMLElement, AnchorLinkListProps>(function Anc
         return `${commonGridStyling} lg:grid-cols-6`
       default:
       case 'flex':
-        return 'grid grid-cols-[repeat(auto-fill,minmax(150px,1fr))] justify-start'
+        return 'grid auto-fill-fr justify-start'
     }
   }
   return (
diff --git a/web/tailwind.config.cjs b/web/tailwind.config.cjs
index 2155b90cc..d980852e2 100644
--- a/web/tailwind.config.cjs
+++ b/web/tailwind.config.cjs
@@ -485,7 +485,7 @@ module.exports = {
       }),
       transitionProperty: ['motion-safe'],
       gridTemplateColumns: {
-        'auto-fill-fr': `repeat(auto-fill, minmax(80px,1fr))`,
+        'auto-fill-fr': `repeat(auto-fill,minmax(150px,1fr))`,
         card: `repeat(auto-fill, minmax(min(100%, theme(spacing.card-minWidth)), theme(spacing.card-maxWidth)))`,
       },
     },