From a0dc8c9ccb9fb5d6435997e2ba6c4f2522698848 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Fri, 14 Mar 2025 14:20:33 -0700
Subject: [PATCH] Fix: fix larger breakpoint (#4935)

---
 src/components/services/group.jsx | 2 +-
 src/styles/globals.css            | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

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