diff --git a/src/components/routable-tabs/RoutableTabs.tsx b/src/components/routable-tabs/RoutableTabs.tsx
index 47dbdd305f..55f1c0b976 100644
--- a/src/components/routable-tabs/RoutableTabs.tsx
+++ b/src/components/routable-tabs/RoutableTabs.tsx
@@ -56,9 +56,8 @@ export const RoutableTabs = ({
       component={TabsComponent.nav}
       inset={{
         default: "insetNone",
-        md: "insetSm",
-        xl: "inset2xl",
-        "2xl": "insetLg",
+        xl: "insetLg",
+        "2xl": "inset2xl",
       }}
       {...otherProps}
     >
diff --git a/src/groups/GroupsSection.tsx b/src/groups/GroupsSection.tsx
index 88f7ae6b09..d976e9adc4 100644
--- a/src/groups/GroupsSection.tsx
+++ b/src/groups/GroupsSection.tsx
@@ -156,8 +156,8 @@ export default function GroupsSection() {
             inset={{
               default: "insetNone",
               md: "insetSm",
-              xl: "inset2xl",
-              "2xl": "insetLg",
+              xl: "insetLg",
+              "2xl": "inset2xl",
             }}
             activeKey={activeTab}
             onSelect={(_, key) => setActiveTab(key as number)}