diff --git a/src/components/services/group.jsx b/src/components/services/group.jsx
index 8b7db308..7b7e2e87 100644
--- a/src/components/services/group.jsx
+++ b/src/components/services/group.jsx
@@ -8,7 +8,7 @@ export default function ServicesGroup({ services, layout }) {
     <div
       key={services.name}
       className={classNames(
-        layout?.style === "row" ? "basis-full" : "basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4 2xl:basis-1/5",
+        layout?.style === "row" ? "basis-full" : "basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4 3xl:basis-1/5",
         "flex-1 p-1"
       )}
     >
diff --git a/tailwind.config.js b/tailwind.config.js
index b6e27a30..0d78a6c0 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -25,6 +25,10 @@ module.exports = {
           900: "rgb(var(--color-900) / <alpha-value>)",
         },
       },
+      screens: {
+        '3xl': '1800px',
+        // => @media (min-width: 1800px) { ... }
+      },
     },
   },
   plugins: [tailwindForms, tailwindScrollbars],