diff --git a/src/components/services/group.jsx b/src/components/services/group.jsx
index 433c0fa7..06fb83e1 100644
--- a/src/components/services/group.jsx
+++ b/src/components/services/group.jsx
@@ -31,7 +31,7 @@ export default function ServicesGroup({
       className={classNames(
         "services-group flex-1",
         layout?.style === "row" ? "basis-full" : "basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4",
-        layout?.style !== "row" && fiveColumns ? "2xl:basis-1/5" : "",
+        layout?.style !== "row" && fiveColumns ? "3xl:basis-1/5" : "",
         groupPadding,
         isSubgroup ? "subgroup" : "",
       )}
diff --git a/src/styles/globals.css b/src/styles/globals.css
index f671b1d0..27d6c2ff 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -2,6 +2,10 @@
 
 @config '../../tailwind.config.js';
 
+@theme {
+  --breakpoint-3xl: 112rem;
+}
+
 /*
   The default border color has changed to `currentColor` in Tailwind CSS v4,
   so we've added these compatibility styles to make sure everything still