diff --git a/packages/frontend-2/components/settings/workspaces/Billing.vue b/packages/frontend-2/components/settings/workspaces/Billing.vue
index 9b9f80f7b5..ad0411d3d7 100644
--- a/packages/frontend-2/components/settings/workspaces/Billing.vue
+++ b/packages/frontend-2/components/settings/workspaces/Billing.vue
@@ -1,6 +1,6 @@
 <template>
   <section>
-    <div class="md:mx-auto pb-6 md:pb-0">
+    <div class="md:max-w-5xl md:mx-auto pb-6 md:pb-0">
       <SettingsSectionHeader title="Billing" text="Your workspace billing details" />
       <template v-if="isBillingIntegrationEnabled">
         <div class="flex flex-col gap-y-4 md:gap-y-6">
@@ -14,7 +14,7 @@
           <SettingsSectionHeader title="Billing summary" subheading class="pt-4" />
           <div class="border border-outline-3 rounded-lg">
             <div
-              class="grid grid-cols-1 md:grid-cols-3 divide-y md:divide-y-0 md:divide-x"
+              class="grid grid-cols-1 md:grid-cols-3 divide-y divide-outline-3 md:divide-y-0 md:divide-x"
             >
               <div class="p-5 pt-4 flex flex-col gap-y-1">
                 <h3 class="text-body-xs text-foreground-2 pb-2">
@@ -89,6 +89,7 @@
             class="pt-6"
             :workspace-id="workspaceId"
             :current-plan="currentPlan"
+            :is-admin="isAdmin"
           />
         </div>
       </template>
@@ -111,10 +112,12 @@ import {
 import { useBillingActions } from '~/lib/billing/composables/actions'
 import { pricingPlansConfig } from '~/lib/billing/helpers/constants'
 import { Roles } from '@speckle/shared'
+
 graphql(`
   fragment SettingsWorkspacesBilling_Workspace on Workspace {
     ...BillingAlert_Workspace
     id
+    role
     plan {
       ...SettingsWorkspacesBillingPricingTable_WorkspacePlan
       name
@@ -132,12 +135,6 @@ const props = defineProps<{
 }>()
 
 const isBillingIntegrationEnabled = useIsBillingIntegrationEnabled()
-const seatPrices = ref({
-  [WorkspacePlans.Team]: pricingPlansConfig.plans[WorkspacePlans.Team].cost,
-  [WorkspacePlans.Pro]: pricingPlansConfig.plans[WorkspacePlans.Pro].cost,
-  [WorkspacePlans.Business]: pricingPlansConfig.plans[WorkspacePlans.Business].cost
-})
-
 const { result: workspaceResult } = useQuery(
   settingsWorkspaceBillingQuery,
   () => ({
@@ -149,6 +146,12 @@ const { result: workspaceResult } = useQuery(
 )
 const { billingPortalRedirect } = useBillingActions()
 
+const seatPrices = ref({
+  [WorkspacePlans.Team]: pricingPlansConfig.plans[WorkspacePlans.Team].cost,
+  [WorkspacePlans.Pro]: pricingPlansConfig.plans[WorkspacePlans.Pro].cost,
+  [WorkspacePlans.Business]: pricingPlansConfig.plans[WorkspacePlans.Business].cost
+})
+
 const currentPlan = computed(() => workspaceResult.value?.workspace.plan)
 const subscription = computed(() => workspaceResult.value?.workspace.subscription)
 const isTrialPeriod = computed(
@@ -185,4 +188,7 @@ const nextPaymentDue = computed(() =>
       : 'Never'
     : dayjs().add(30, 'days').format('MMMM D, YYYY')
 )
+const isAdmin = computed(
+  () => workspaceResult.value?.workspace.role === Roles.Workspace.Admin
+)
 </script>
diff --git a/packages/frontend-2/components/settings/workspaces/billing/PricingTable.vue b/packages/frontend-2/components/settings/workspaces/billing/PricingTable.vue
deleted file mode 100644
index 7470619f7d..0000000000
--- a/packages/frontend-2/components/settings/workspaces/billing/PricingTable.vue
+++ /dev/null
@@ -1,156 +0,0 @@
-<template>
-  <div class="flex flex-col gap-y-6">
-    <div class="flex justify-between">
-      <SettingsSectionHeader
-        :title="hasTrialPlan ? 'Start your subscription' : 'Upgrade your plan'"
-        subheading
-      />
-      <div class="flex items-center gap-x-4">
-        <p class="text-foreground-3 text-body-xs">Save 20% with annual billing</p>
-        <FormSwitch v-model="isYearlyPlan" :show-label="false" name="annual billing" />
-      </div>
-    </div>
-
-    <table class="w-full flex flex-col">
-      <thead>
-        <tr class="w-full flex">
-          <th class="w-1/4 flex pl-5 pr-6 pt-4 pb-2 font-medium">
-            <h4>Compare plans</h4>
-          </th>
-          <th
-            v-for="plan in pricingPlans"
-            :key="plan.name"
-            class="w-1/4 flex flex-col gap-y-1 px-6 pt-4 pb-2 font-normal"
-            :class="[
-              plan.name === WorkspacePlans.Team
-                ? 'border border-b-0 border-outline-3 bg-foundation-2 rounded-t-lg'
-                : ''
-            ]"
-            scope="col"
-          >
-            <h4 class="text-foreground text-body-xs">
-              Workspace
-              <span class="capitalize">{{ plan.name }}</span>
-            </h4>
-            <p class="text-foreground text-heading font-normal">
-              £{{
-                isYearlyPlan
-                  ? plan.cost.yearly[Roles.Workspace.Member]
-                  : plan.cost.monthly[Roles.Workspace.Member]
-              }}
-              per seat/month
-            </p>
-            <p class="text-foreground-2 text-body-2xs pt-1">
-              Billed {{ isYearlyPlan ? 'annually' : 'monthly' }}
-            </p>
-            <FormButton
-              :color="plan.name === WorkspacePlans.Team ? 'primary' : 'outline'"
-              :disabled="!hasTrialPlan && !canUpgradeToPlan(plan.name)"
-              class="mt-3"
-              @click="onUpgradePlanClick(plan.name)"
-            >
-              {{ hasTrialPlan ? 'Subscribe' : 'Upgrade' }} to&nbsp;
-              <span class="capitalize">{{ plan.name }}</span>
-            </FormButton>
-          </th>
-        </tr>
-      </thead>
-      <tbody class="w-full flex flex-col">
-        <tr v-for="(feature, key, index) in features" :key="key" class="flex">
-          <th
-            class="font-normal text-foreground text-body-xs w-1/4 pr-3 pt-1"
-            scope="row"
-          >
-            <div class="border-b border-outline-3 min-h-[42px] pl-5 flex items-center">
-              {{ feature.name }}
-            </div>
-          </th>
-          <td
-            v-for="plan in pricingPlans"
-            :key="plan.name"
-            class="px-3 w-1/4 pt-1"
-            :class="[
-              plan.name === WorkspacePlans.Team
-                ? 'border-l border-r border-outline-3 bg-foundation-2'
-                : '',
-              plan.name === WorkspacePlans.Team &&
-              index === Object.values(features).length - 1
-                ? 'pb-6 border-b rounded-b-lg'
-                : ''
-            ]"
-          >
-            <div class="border-b border-outline-3 flex items-center px-3 min-h-[42px]">
-              <CheckIcon
-                v-if="plan.features.includes(feature.name)"
-                class="w-3 h-3 text-foreground"
-              />
-            </div>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { SettingsWorkspacesBillingPricingTable_WorkspacePlanFragment } from '~/lib/common/generated/gql/graphql'
-import {
-  WorkspacePlans,
-  BillingInterval,
-  WorkspacePlanStatuses
-} from '~/lib/common/generated/gql/graphql'
-import { pricingPlansConfig } from '~/lib/billing/helpers/constants'
-import { CheckIcon } from '@heroicons/vue/24/outline'
-import { useBillingActions } from '~/lib/billing/composables/actions'
-import { graphql } from '~/lib/common/generated/gql'
-import type { MaybeNullOrUndefined } from '@speckle/shared'
-import { Roles } from '@speckle/shared'
-
-graphql(`
-  fragment SettingsWorkspacesBillingPricingTable_WorkspacePlan on WorkspacePlan {
-    name
-    status
-  }
-`)
-
-const props = defineProps<{
-  workspaceId: string
-  currentPlan: MaybeNullOrUndefined<SettingsWorkspacesBillingPricingTable_WorkspacePlanFragment>
-}>()
-
-const { upgradePlanRedirect } = useBillingActions()
-
-const pricingPlans = ref([
-  pricingPlansConfig.plans[WorkspacePlans.Team],
-  pricingPlansConfig.plans[WorkspacePlans.Pro],
-  pricingPlansConfig.plans[WorkspacePlans.Business]
-])
-const features = ref(pricingPlansConfig.features)
-const isYearlyPlan = ref(false)
-
-const onUpgradePlanClick = (plan: WorkspacePlans) => {
-  upgradePlanRedirect({
-    plan,
-    cycle: isYearlyPlan.value ? BillingInterval.Yearly : BillingInterval.Monthly,
-    workspaceId: props.workspaceId
-  })
-}
-
-const hasTrialPlan = computed(
-  () => props.currentPlan?.status === WorkspacePlanStatuses.Trial || !props.currentPlan
-)
-
-const canUpgradeToPlan = (plan: WorkspacePlans) => {
-  if (!props.currentPlan?.name) return false
-
-  const allowedUpgrades: Record<WorkspacePlans, WorkspacePlans[]> = {
-    [WorkspacePlans.Team]: [WorkspacePlans.Pro, WorkspacePlans.Business],
-    [WorkspacePlans.Pro]: [WorkspacePlans.Business],
-    [WorkspacePlans.Business]: [],
-    [WorkspacePlans.Academia]: [],
-    [WorkspacePlans.Unlimited]: []
-  }
-
-  return allowedUpgrades[props.currentPlan.name]?.includes(plan) ?? false
-}
-</script>
diff --git a/packages/frontend-2/components/settings/workspaces/billing/PricingTable/Desktop.vue b/packages/frontend-2/components/settings/workspaces/billing/PricingTable/Desktop.vue
new file mode 100644
index 0000000000..4f7f657f75
--- /dev/null
+++ b/packages/frontend-2/components/settings/workspaces/billing/PricingTable/Desktop.vue
@@ -0,0 +1,82 @@
+<template>
+  <table class="w-full flex flex-col">
+    <thead>
+      <tr class="w-full flex">
+        <th class="w-1/4 flex pl-5 pr-6 pt-4 pb-2 font-medium">
+          <h4>Compare plans</h4>
+        </th>
+        <th
+          v-for="plan in plans"
+          :key="`desktop-${plan.name}`"
+          class="w-1/4 px-6 pt-4 pb-2"
+          :class="[
+            plan.name === WorkspacePlans.Team
+              ? 'border border-b-0 border-outline-3 bg-foundation-2 rounded-t-lg'
+              : ''
+          ]"
+          scope="col"
+        >
+          <SettingsWorkspacesBillingPricingTableHeader
+            :plan="plan"
+            :is-yearly-plan="isYearlyPlan"
+            :current-plan="currentPlan"
+            :workspace-id="workspaceId"
+            :is-admin="isAdmin"
+          />
+        </th>
+      </tr>
+    </thead>
+    <tbody class="w-full flex flex-col">
+      <tr v-for="(feature, key, index) in features" :key="key" class="flex">
+        <th
+          class="font-normal text-foreground text-body-xs w-1/4 pr-3 pt-1"
+          scope="row"
+        >
+          <div class="border-b border-outline-3 min-h-[42px] pl-5 flex items-center">
+            {{ feature.name }}
+          </div>
+        </th>
+        <td
+          v-for="plan in plans"
+          :key="plan.name"
+          class="px-3 w-1/4 pt-1"
+          :class="[
+            plan.name === WorkspacePlans.Team
+              ? 'border-l border-r border-outline-3 bg-foundation-2'
+              : '',
+            plan.name === WorkspacePlans.Team &&
+            index === Object.values(features).length - 1
+              ? 'pb-6 border-b rounded-b-lg'
+              : ''
+          ]"
+        >
+          <div class="border-b border-outline-3 flex items-center px-3 min-h-[42px]">
+            <CheckIcon
+              v-if="plan.features.includes(feature.name as PlanFeaturesList)"
+              class="w-3 h-3 text-foreground"
+            />
+          </div>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</template>
+
+<script setup lang="ts">
+import type { WorkspacePlan } from '~/lib/common/generated/gql/graphql'
+import { WorkspacePlans } from '~/lib/common/generated/gql/graphql'
+import { pricingPlansConfig } from '~/lib/billing/helpers/constants'
+import type { PlanFeaturesList } from '~/lib/billing/helpers/types'
+import { CheckIcon } from '@heroicons/vue/24/outline'
+import type { MaybeNullOrUndefined } from '@speckle/shared'
+
+defineProps<{
+  isYearlyPlan: boolean
+  currentPlan: MaybeNullOrUndefined<WorkspacePlan>
+  workspaceId: string
+  isAdmin: boolean
+}>()
+
+const plans = ref(pricingPlansConfig.plans)
+const features = ref(pricingPlansConfig.features)
+</script>
diff --git a/packages/frontend-2/components/settings/workspaces/billing/PricingTable/Header.vue b/packages/frontend-2/components/settings/workspaces/billing/PricingTable/Header.vue
new file mode 100644
index 0000000000..da0420e121
--- /dev/null
+++ b/packages/frontend-2/components/settings/workspaces/billing/PricingTable/Header.vue
@@ -0,0 +1,79 @@
+<template>
+  <div class="flex flex-col gap-y-1 font-normal">
+    <h4 class="text-foreground text-body-xs">
+      Workspace
+      <span class="capitalize">{{ plan.name }}</span>
+    </h4>
+    <p class="text-foreground text-heading">
+      £{{
+        isYearlyPlan
+          ? plan.cost.yearly[Roles.Workspace.Member]
+          : plan.cost.monthly[Roles.Workspace.Member]
+      }}
+      per seat/month
+    </p>
+    <p class="text-foreground-2 text-body-2xs pt-1">
+      Billed {{ isYearlyPlan ? 'annually' : 'monthly' }}
+    </p>
+    <div class="w-full">
+      <FormButton
+        :color="plan.name === WorkspacePlans.Team ? 'primary' : 'outline'"
+        :disabled="(!hasTrialPlan && !canUpgradeToPlan) || !isAdmin"
+        class="mt-3"
+        full-width
+        @click="onUpgradePlanClick(plan.name)"
+      >
+        {{ hasTrialPlan ? 'Subscribe' : 'Upgrade' }} to&nbsp;
+        <span class="capitalize">{{ plan.name }}</span>
+      </FormButton>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { type PricingPlan } from '@/lib/billing/helpers/types'
+import { Roles } from '@speckle/shared'
+import {
+  type WorkspacePlan,
+  WorkspacePlanStatuses,
+  WorkspacePlans,
+  BillingInterval
+} from '~/lib/common/generated/gql/graphql'
+import { useBillingActions } from '~/lib/billing/composables/actions'
+import type { MaybeNullOrUndefined } from '@speckle/shared'
+
+const props = defineProps<{
+  plan: PricingPlan
+  isYearlyPlan: boolean
+  currentPlan: MaybeNullOrUndefined<WorkspacePlan>
+  workspaceId: string
+  isAdmin: boolean
+}>()
+
+const { upgradePlanRedirect } = useBillingActions()
+
+const canUpgradeToPlan = computed(() => {
+  if (!props.currentPlan) return false
+
+  const allowedUpgrades: Record<WorkspacePlans, WorkspacePlans[]> = {
+    [WorkspacePlans.Team]: [WorkspacePlans.Pro, WorkspacePlans.Business],
+    [WorkspacePlans.Pro]: [WorkspacePlans.Business],
+    [WorkspacePlans.Business]: [],
+    [WorkspacePlans.Academia]: [],
+    [WorkspacePlans.Unlimited]: []
+  }
+
+  return allowedUpgrades[props.currentPlan.name].includes(props.plan.name)
+})
+const hasTrialPlan = computed(
+  () => props.currentPlan?.status === WorkspacePlanStatuses.Trial || !props.currentPlan
+)
+
+const onUpgradePlanClick = (plan: WorkspacePlans) => {
+  upgradePlanRedirect({
+    plan,
+    cycle: props.isYearlyPlan ? BillingInterval.Yearly : BillingInterval.Monthly,
+    workspaceId: props.workspaceId
+  })
+}
+</script>
diff --git a/packages/frontend-2/components/settings/workspaces/billing/PricingTable/Mobile.vue b/packages/frontend-2/components/settings/workspaces/billing/PricingTable/Mobile.vue
new file mode 100644
index 0000000000..9a7b46da81
--- /dev/null
+++ b/packages/frontend-2/components/settings/workspaces/billing/PricingTable/Mobile.vue
@@ -0,0 +1,48 @@
+<template>
+  <div class="flex flex-col gap-y-4">
+    <div
+      v-for="plan in plans"
+      :key="`mobile-${plan.name}`"
+      class="border border-outline-3 bg-foundation rounded-lg p-4 pb-2"
+    >
+      <SettingsWorkspacesBillingPricingTableHeader
+        :plan="plan"
+        :is-yearly-plan="isYearlyPlan"
+        :current-plan="currentPlan"
+        :workspace-id="workspaceId"
+        :is-admin="isAdmin"
+      />
+      <ul class="flex flex-col gap-y-2 mt-6">
+        <li
+          v-for="feature in features"
+          :key="feature.name"
+          class="flex items-center justify-between border-b last:border-b-0 border-outline-3 pb-2"
+        >
+          {{ feature.name }}
+          <CheckIcon
+            v-if="plan.features.includes(feature.name as PlanFeaturesList)"
+            class="w-3 h-3 text-foreground"
+          />
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { WorkspacePlan } from '~/lib/common/generated/gql/graphql'
+import { pricingPlansConfig } from '~/lib/billing/helpers/constants'
+import type { PlanFeaturesList } from '~/lib/billing/helpers/types'
+import { CheckIcon } from '@heroicons/vue/24/outline'
+import type { MaybeNullOrUndefined } from '@speckle/shared'
+
+defineProps<{
+  isYearlyPlan: boolean
+  currentPlan: MaybeNullOrUndefined<WorkspacePlan>
+  workspaceId: string
+  isAdmin: boolean
+}>()
+
+const plans = ref(pricingPlansConfig.plans)
+const features = ref(pricingPlansConfig.features)
+</script>
diff --git a/packages/frontend-2/components/settings/workspaces/billing/PricingTable/PricingTable.vue b/packages/frontend-2/components/settings/workspaces/billing/PricingTable/PricingTable.vue
new file mode 100644
index 0000000000..67145fe1a8
--- /dev/null
+++ b/packages/frontend-2/components/settings/workspaces/billing/PricingTable/PricingTable.vue
@@ -0,0 +1,60 @@
+<template>
+  <div class="flex flex-col gap-y-6">
+    <div class="flex flex-col lg:flex-row justify-between gap-y-4">
+      <SettingsSectionHeader
+        :title="hasTrialPlan ? 'Start your subscription' : 'Upgrade your plan'"
+        subheading
+      />
+      <div class="flex items-center gap-x-4">
+        <p class="text-foreground-3 text-body-xs">Save 20% with annual billing</p>
+        <FormSwitch v-model="isYearlyPlan" :show-label="false" name="annual billing" />
+      </div>
+    </div>
+    <component
+      :is="isDesktop ? DesktopTable : MobileTable"
+      :workspace-id="workspaceId"
+      :current-plan="currentPlan"
+      :is-yearly-plan="isYearlyPlan"
+      :is-admin="isAdmin"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useBreakpoints } from '@vueuse/core'
+import { TailwindBreakpoints } from '~~/lib/common/helpers/tailwind'
+import {
+  WorkspacePlanStatuses,
+  type WorkspacePlan
+} from '~/lib/common/generated/gql/graphql'
+import { graphql } from '~/lib/common/generated/gql'
+import type { MaybeNullOrUndefined } from '@speckle/shared'
+
+graphql(`
+  fragment SettingsWorkspacesBillingPricingTable_WorkspacePlan on WorkspacePlan {
+    name
+    status
+  }
+`)
+
+const props = defineProps<{
+  workspaceId: string
+  currentPlan: MaybeNullOrUndefined<WorkspacePlan>
+  isAdmin: boolean
+}>()
+
+const breakpoints = useBreakpoints(TailwindBreakpoints)
+
+const DesktopTable = defineAsyncComponent(
+  () => import('@/components/settings/workspaces/billing/PricingTable/Desktop.vue')
+)
+const MobileTable = defineAsyncComponent(
+  () => import('@/components/settings/workspaces/billing/PricingTable/Mobile.vue')
+)
+const isDesktop = breakpoints.greaterOrEqual('lg')
+const isYearlyPlan = ref(false)
+
+const hasTrialPlan = computed(
+  () => props.currentPlan?.status === WorkspacePlanStatuses.Trial || !props.currentPlan
+)
+</script>
diff --git a/packages/frontend-2/lib/billing/helpers/constants.ts b/packages/frontend-2/lib/billing/helpers/constants.ts
index 01a0d51c38..1eb03cf004 100644
--- a/packages/frontend-2/lib/billing/helpers/constants.ts
+++ b/packages/frontend-2/lib/billing/helpers/constants.ts
@@ -1,16 +1,6 @@
 import { WorkspacePlans, BillingInterval } from '~/lib/common/generated/gql/graphql'
 import { Roles } from '@speckle/shared'
-
-enum PlanFeaturesList {
-  Workspaces = 'Workspaces',
-  RoleManagement = 'Role management',
-  GuestUsers = 'Guest users',
-  PrivateAutomateFunctions = 'Private automate functions',
-  DomainSecurity = 'Domain security',
-  SSO = 'Single Sign-On (SSO)',
-  CustomerDataRegion = 'Customer data region',
-  PrioritySupport = 'Priority support'
-}
+import { PlanFeaturesList, type PricingPlan } from '@/lib/billing/helpers/types'
 
 const baseFeatures = [
   PlanFeaturesList.Workspaces,
@@ -20,7 +10,13 @@ const baseFeatures = [
   PlanFeaturesList.DomainSecurity
 ]
 
-export const pricingPlansConfig = {
+export const pricingPlansConfig: {
+  features: Record<PlanFeaturesList, { name: string; description: string }>
+  plans: Record<
+    WorkspacePlans.Team | WorkspacePlans.Pro | WorkspacePlans.Business,
+    PricingPlan
+  >
+} = {
   features: {
     [PlanFeaturesList.Workspaces]: {
       name: PlanFeaturesList.Workspaces,
@@ -46,8 +42,8 @@ export const pricingPlansConfig = {
       name: PlanFeaturesList.SSO,
       description: ''
     },
-    [PlanFeaturesList.CustomerDataRegion]: {
-      name: PlanFeaturesList.CustomerDataRegion,
+    [PlanFeaturesList.CustomDataRegion]: {
+      name: PlanFeaturesList.CustomDataRegion,
       description: ''
     },
     [PlanFeaturesList.PrioritySupport]: {
@@ -93,7 +89,7 @@ export const pricingPlansConfig = {
       features: [
         ...baseFeatures,
         PlanFeaturesList.SSO,
-        PlanFeaturesList.CustomerDataRegion,
+        PlanFeaturesList.CustomDataRegion,
         PlanFeaturesList.PrioritySupport
       ],
       cost: {
diff --git a/packages/frontend-2/lib/billing/helpers/types.ts b/packages/frontend-2/lib/billing/helpers/types.ts
new file mode 100644
index 0000000000..a54ce9f737
--- /dev/null
+++ b/packages/frontend-2/lib/billing/helpers/types.ts
@@ -0,0 +1,24 @@
+import type {
+  BillingInterval,
+  WorkspacePlans
+} from '~/lib/common/generated/gql/graphql'
+import type { WorkspaceRoles } from '@speckle/shared'
+
+export enum PlanFeaturesList {
+  Workspaces = 'Workspaces',
+  RoleManagement = 'Role management',
+  GuestUsers = 'Guest users',
+  PrivateAutomateFunctions = 'Private automate functions',
+  DomainSecurity = 'Domain security',
+  SSO = 'Single Sign-On (SSO)',
+  CustomDataRegion = 'Custom data region',
+  PrioritySupport = 'Priority support'
+}
+
+export type PricingPlan = {
+  name: WorkspacePlans
+  features: PlanFeaturesList[]
+  cost: {
+    [I in BillingInterval]: Record<WorkspaceRoles, number>
+  }
+}
diff --git a/packages/frontend-2/lib/common/generated/gql/gql.ts b/packages/frontend-2/lib/common/generated/gql/gql.ts
index 4828ef79be..90a893956b 100644
--- a/packages/frontend-2/lib/common/generated/gql/gql.ts
+++ b/packages/frontend-2/lib/common/generated/gql/gql.ts
@@ -114,7 +114,7 @@ const documents = {
     "\n  fragment SettingsUserProfileDeleteAccount_User on User {\n    id\n    email\n  }\n": types.SettingsUserProfileDeleteAccount_UserFragmentDoc,
     "\n  fragment SettingsUserProfileDetails_User on User {\n    id\n    name\n    company\n    ...UserProfileEditDialogAvatar_User\n  }\n": types.SettingsUserProfileDetails_UserFragmentDoc,
     "\n  fragment UserProfileEditDialogAvatar_User on User {\n    id\n    avatar\n    ...ActiveUserAvatar\n  }\n": types.UserProfileEditDialogAvatar_UserFragmentDoc,
-    "\n  fragment SettingsWorkspacesBilling_Workspace on Workspace {\n    ...BillingAlert_Workspace\n    id\n    plan {\n      ...SettingsWorkspacesBillingPricingTable_WorkspacePlan\n      name\n      status\n    }\n    subscription {\n      billingInterval\n      currentBillingCycleEnd\n    }\n  }\n": types.SettingsWorkspacesBilling_WorkspaceFragmentDoc,
+    "\n  fragment SettingsWorkspacesBilling_Workspace on Workspace {\n    ...BillingAlert_Workspace\n    id\n    role\n    plan {\n      ...SettingsWorkspacesBillingPricingTable_WorkspacePlan\n      name\n      status\n    }\n    subscription {\n      billingInterval\n      currentBillingCycleEnd\n    }\n  }\n": types.SettingsWorkspacesBilling_WorkspaceFragmentDoc,
     "\n  fragment SettingsWorkspacesGeneral_Workspace on Workspace {\n    ...SettingsWorkspacesGeneralEditAvatar_Workspace\n    ...SettingsWorkspaceGeneralDeleteDialog_Workspace\n    ...SettingsWorkspacesGeneralEditSlugDialog_Workspace\n    id\n    name\n    slug\n    description\n    logo\n    role\n    defaultProjectRole\n  }\n": types.SettingsWorkspacesGeneral_WorkspaceFragmentDoc,
     "\n  fragment SettingsWorkspaceGeneralDeleteDialog_Workspace on Workspace {\n    id\n    name\n  }\n": types.SettingsWorkspaceGeneralDeleteDialog_WorkspaceFragmentDoc,
     "\n  fragment SettingsWorkspacesGeneralEditAvatar_Workspace on Workspace {\n    id\n    logo\n    name\n    defaultLogoIndex\n  }\n": types.SettingsWorkspacesGeneralEditAvatar_WorkspaceFragmentDoc,
@@ -770,7 +770,7 @@ export function graphql(source: "\n  fragment UserProfileEditDialogAvatar_User o
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "\n  fragment SettingsWorkspacesBilling_Workspace on Workspace {\n    ...BillingAlert_Workspace\n    id\n    plan {\n      ...SettingsWorkspacesBillingPricingTable_WorkspacePlan\n      name\n      status\n    }\n    subscription {\n      billingInterval\n      currentBillingCycleEnd\n    }\n  }\n"): (typeof documents)["\n  fragment SettingsWorkspacesBilling_Workspace on Workspace {\n    ...BillingAlert_Workspace\n    id\n    plan {\n      ...SettingsWorkspacesBillingPricingTable_WorkspacePlan\n      name\n      status\n    }\n    subscription {\n      billingInterval\n      currentBillingCycleEnd\n    }\n  }\n"];
+export function graphql(source: "\n  fragment SettingsWorkspacesBilling_Workspace on Workspace {\n    ...BillingAlert_Workspace\n    id\n    role\n    plan {\n      ...SettingsWorkspacesBillingPricingTable_WorkspacePlan\n      name\n      status\n    }\n    subscription {\n      billingInterval\n      currentBillingCycleEnd\n    }\n  }\n"): (typeof documents)["\n  fragment SettingsWorkspacesBilling_Workspace on Workspace {\n    ...BillingAlert_Workspace\n    id\n    role\n    plan {\n      ...SettingsWorkspacesBillingPricingTable_WorkspacePlan\n      name\n      status\n    }\n    subscription {\n      billingInterval\n      currentBillingCycleEnd\n    }\n  }\n"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
diff --git a/packages/frontend-2/lib/common/generated/gql/graphql.ts b/packages/frontend-2/lib/common/generated/gql/graphql.ts
index 763a168b27..13ff88ccdd 100644
--- a/packages/frontend-2/lib/common/generated/gql/graphql.ts
+++ b/packages/frontend-2/lib/common/generated/gql/graphql.ts
@@ -4647,7 +4647,7 @@ export type SettingsUserProfileDetails_UserFragment = { __typename?: 'User', id:
 
 export type UserProfileEditDialogAvatar_UserFragment = { __typename?: 'User', id: string, avatar?: string | null, name: string };
 
-export type SettingsWorkspacesBilling_WorkspaceFragment = { __typename?: 'Workspace', id: string, plan?: { __typename?: 'WorkspacePlan', name: WorkspacePlans, status: WorkspacePlanStatuses } | null, subscription?: { __typename?: 'WorkspaceSubscription', billingInterval: BillingInterval, currentBillingCycleEnd: string } | null };
+export type SettingsWorkspacesBilling_WorkspaceFragment = { __typename?: 'Workspace', id: string, role?: string | null, plan?: { __typename?: 'WorkspacePlan', name: WorkspacePlans, status: WorkspacePlanStatuses } | null, subscription?: { __typename?: 'WorkspaceSubscription', billingInterval: BillingInterval, currentBillingCycleEnd: string } | null };
 
 export type SettingsWorkspacesGeneral_WorkspaceFragment = { __typename?: 'Workspace', id: string, name: string, slug: string, description?: string | null, logo?: string | null, role?: string | null, defaultProjectRole: string, defaultLogoIndex: number };
 
@@ -5673,7 +5673,7 @@ export type SettingsWorkspaceBillingQueryVariables = Exact<{
 }>;
 
 
-export type SettingsWorkspaceBillingQuery = { __typename?: 'Query', workspace: { __typename?: 'Workspace', id: string, plan?: { __typename?: 'WorkspacePlan', name: WorkspacePlans, status: WorkspacePlanStatuses } | null, subscription?: { __typename?: 'WorkspaceSubscription', billingInterval: BillingInterval, currentBillingCycleEnd: string } | null } };
+export type SettingsWorkspaceBillingQuery = { __typename?: 'Query', workspace: { __typename?: 'Workspace', id: string, role?: string | null, plan?: { __typename?: 'WorkspacePlan', name: WorkspacePlans, status: WorkspacePlanStatuses } | null, subscription?: { __typename?: 'WorkspaceSubscription', billingInterval: BillingInterval, currentBillingCycleEnd: string } | null } };
 
 export type SettingsWorkspaceBillingCustomerPortalQueryVariables = Exact<{
   workspaceId: Scalars['String']['input'];
@@ -6132,7 +6132,7 @@ export const SettingsUserProfileDetails_UserFragmentDoc = {"kind":"Document","de
 export const SettingsUserProfile_UserFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsUserProfile_User"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"User"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsUserProfileChangePassword_User"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsUserProfileDeleteAccount_User"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsUserProfileDetails_User"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ActiveUserAvatar"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"User"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"avatar"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"UserProfileEditDialogAvatar_User"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"User"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"avatar"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"ActiveUserAvatar"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsUserProfileChangePassword_User"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"User"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"email"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsUserProfileDeleteAccount_User"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"User"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"email"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsUserProfileDetails_User"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"User"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"company"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"UserProfileEditDialogAvatar_User"}}]}}]} as unknown as DocumentNode<SettingsUserProfile_UserFragment, unknown>;
 export const BillingAlert_WorkspaceFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"BillingAlert_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"plan"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"status"}}]}},{"kind":"Field","name":{"kind":"Name","value":"subscription"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"billingInterval"}},{"kind":"Field","name":{"kind":"Name","value":"currentBillingCycleEnd"}}]}}]}}]} as unknown as DocumentNode<BillingAlert_WorkspaceFragment, unknown>;
 export const SettingsWorkspacesBillingPricingTable_WorkspacePlanFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesBillingPricingTable_WorkspacePlan"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"WorkspacePlan"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"status"}}]}}]} as unknown as DocumentNode<SettingsWorkspacesBillingPricingTable_WorkspacePlanFragment, unknown>;
-export const SettingsWorkspacesBilling_WorkspaceFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesBilling_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"BillingAlert_Workspace"}},{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"plan"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesBillingPricingTable_WorkspacePlan"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"status"}}]}},{"kind":"Field","name":{"kind":"Name","value":"subscription"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"billingInterval"}},{"kind":"Field","name":{"kind":"Name","value":"currentBillingCycleEnd"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"BillingAlert_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"plan"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"status"}}]}},{"kind":"Field","name":{"kind":"Name","value":"subscription"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"billingInterval"}},{"kind":"Field","name":{"kind":"Name","value":"currentBillingCycleEnd"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesBillingPricingTable_WorkspacePlan"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"WorkspacePlan"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"status"}}]}}]} as unknown as DocumentNode<SettingsWorkspacesBilling_WorkspaceFragment, unknown>;
+export const SettingsWorkspacesBilling_WorkspaceFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesBilling_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"BillingAlert_Workspace"}},{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"plan"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesBillingPricingTable_WorkspacePlan"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"status"}}]}},{"kind":"Field","name":{"kind":"Name","value":"subscription"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"billingInterval"}},{"kind":"Field","name":{"kind":"Name","value":"currentBillingCycleEnd"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"BillingAlert_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"plan"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"status"}}]}},{"kind":"Field","name":{"kind":"Name","value":"subscription"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"billingInterval"}},{"kind":"Field","name":{"kind":"Name","value":"currentBillingCycleEnd"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesBillingPricingTable_WorkspacePlan"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"WorkspacePlan"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"status"}}]}}]} as unknown as DocumentNode<SettingsWorkspacesBilling_WorkspaceFragment, unknown>;
 export const SettingsWorkspacesGeneralEditAvatar_WorkspaceFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesGeneralEditAvatar_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"logo"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"defaultLogoIndex"}}]}}]} as unknown as DocumentNode<SettingsWorkspacesGeneralEditAvatar_WorkspaceFragment, unknown>;
 export const SettingsWorkspaceGeneralDeleteDialog_WorkspaceFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspaceGeneralDeleteDialog_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}}]}}]} as unknown as DocumentNode<SettingsWorkspaceGeneralDeleteDialog_WorkspaceFragment, unknown>;
 export const SettingsWorkspacesGeneralEditSlugDialog_WorkspaceFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesGeneralEditSlugDialog_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"slug"}}]}}]} as unknown as DocumentNode<SettingsWorkspacesGeneralEditSlugDialog_WorkspaceFragment, unknown>;
@@ -6332,7 +6332,7 @@ export const SettingsLeaveWorkspaceDocument = {"kind":"Document","definitions":[
 export const SettingsBillingCancelCheckoutSessionDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"SettingsBillingCancelCheckoutSession"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"input"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"CancelCheckoutSessionInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"workspaceMutations"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"billing"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"cancelCheckoutSession"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"Variable","name":{"kind":"Name","value":"input"}}}]}]}}]}}]}}]} as unknown as DocumentNode<SettingsBillingCancelCheckoutSessionMutation, SettingsBillingCancelCheckoutSessionMutationVariables>;
 export const SettingsSidebarDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"SettingsSidebar"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"activeUser"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsDialog_User"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"WorkspaceAvatar_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"logo"}},{"kind":"Field","name":{"kind":"Name","value":"defaultLogoIndex"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsDialog_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WorkspaceAvatar_Workspace"}},{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"slug"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"plan"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"status"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsDialog_User"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"User"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"workspaces"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"items"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsDialog_Workspace"}}]}}]}}]}}]} as unknown as DocumentNode<SettingsSidebarQuery, SettingsSidebarQueryVariables>;
 export const SettingsWorkspaceGeneralDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"SettingsWorkspaceGeneral"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"id"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"workspace"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"id"},"value":{"kind":"Variable","name":{"kind":"Name","value":"id"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesGeneral_Workspace"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesGeneralEditAvatar_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"logo"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"defaultLogoIndex"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspaceGeneralDeleteDialog_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesGeneralEditSlugDialog_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"slug"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesGeneral_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesGeneralEditAvatar_Workspace"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspaceGeneralDeleteDialog_Workspace"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesGeneralEditSlugDialog_Workspace"}},{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"slug"}},{"kind":"Field","name":{"kind":"Name","value":"description"}},{"kind":"Field","name":{"kind":"Name","value":"logo"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"defaultProjectRole"}}]}}]} as unknown as DocumentNode<SettingsWorkspaceGeneralQuery, SettingsWorkspaceGeneralQueryVariables>;
-export const SettingsWorkspaceBillingDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"SettingsWorkspaceBilling"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"workspaceId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"workspace"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"id"},"value":{"kind":"Variable","name":{"kind":"Name","value":"workspaceId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesBilling_Workspace"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"BillingAlert_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"plan"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"status"}}]}},{"kind":"Field","name":{"kind":"Name","value":"subscription"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"billingInterval"}},{"kind":"Field","name":{"kind":"Name","value":"currentBillingCycleEnd"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesBillingPricingTable_WorkspacePlan"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"WorkspacePlan"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"status"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesBilling_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"BillingAlert_Workspace"}},{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"plan"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesBillingPricingTable_WorkspacePlan"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"status"}}]}},{"kind":"Field","name":{"kind":"Name","value":"subscription"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"billingInterval"}},{"kind":"Field","name":{"kind":"Name","value":"currentBillingCycleEnd"}}]}}]}}]} as unknown as DocumentNode<SettingsWorkspaceBillingQuery, SettingsWorkspaceBillingQueryVariables>;
+export const SettingsWorkspaceBillingDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"SettingsWorkspaceBilling"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"workspaceId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"workspace"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"id"},"value":{"kind":"Variable","name":{"kind":"Name","value":"workspaceId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesBilling_Workspace"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"BillingAlert_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"plan"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"status"}}]}},{"kind":"Field","name":{"kind":"Name","value":"subscription"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"billingInterval"}},{"kind":"Field","name":{"kind":"Name","value":"currentBillingCycleEnd"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesBillingPricingTable_WorkspacePlan"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"WorkspacePlan"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"status"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesBilling_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"BillingAlert_Workspace"}},{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"plan"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesBillingPricingTable_WorkspacePlan"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"status"}}]}},{"kind":"Field","name":{"kind":"Name","value":"subscription"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"billingInterval"}},{"kind":"Field","name":{"kind":"Name","value":"currentBillingCycleEnd"}}]}}]}}]} as unknown as DocumentNode<SettingsWorkspaceBillingQuery, SettingsWorkspaceBillingQueryVariables>;
 export const SettingsWorkspaceBillingCustomerPortalDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"SettingsWorkspaceBillingCustomerPortal"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"workspaceId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"workspace"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"id"},"value":{"kind":"Variable","name":{"kind":"Name","value":"workspaceId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"customerPortalUrl"}}]}}]}}]} as unknown as DocumentNode<SettingsWorkspaceBillingCustomerPortalQuery, SettingsWorkspaceBillingCustomerPortalQueryVariables>;
 export const SettingsWorkspaceRegionsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"SettingsWorkspaceRegions"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"workspaceId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"workspace"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"id"},"value":{"kind":"Variable","name":{"kind":"Name","value":"workspaceId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesRegions_Workspace"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesRegionsSelect_ServerRegionItem"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"ServerRegionItem"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"key"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"description"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesRegions_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"defaultRegion"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesRegionsSelect_ServerRegionItem"}}]}},{"kind":"Field","name":{"kind":"Name","value":"availableRegions"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesRegionsSelect_ServerRegionItem"}}]}}]}}]} as unknown as DocumentNode<SettingsWorkspaceRegionsQuery, SettingsWorkspaceRegionsQueryVariables>;
 export const SettingsWorkspacesMembersDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"SettingsWorkspacesMembers"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"workspaceId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"invitesFilter"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"PendingWorkspaceCollaboratorsFilter"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"workspace"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"id"},"value":{"kind":"Variable","name":{"kind":"Name","value":"workspaceId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesMembers_Workspace"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesMembersMembersTable_Workspace"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesMembersGuestsTable_Workspace"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesMembersInvitesTable_Workspace"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"WorkspaceInviteDialog_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"domainBasedMembershipProtectionEnabled"}},{"kind":"Field","name":{"kind":"Name","value":"domains"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"domain"}},{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"team"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"items"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"user"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"role"}}]}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"invitedTeam"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"filter"},"value":{"kind":"Variable","name":{"kind":"Name","value":"invitesFilter"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"user"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesMembersTableHeader_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"WorkspaceInviteDialog_Workspace"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesMembersMembersTable_WorkspaceCollaborator"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"WorkspaceCollaborator"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"user"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"avatar"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"company"}},{"kind":"Field","name":{"kind":"Name","value":"verified"}},{"kind":"Field","name":{"kind":"Name","value":"workspaceDomainPolicyCompliant"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"workspaceId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"workspaceId"}}}]}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesMembersGuestsTable_WorkspaceCollaborator"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"WorkspaceCollaborator"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"user"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"avatar"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"company"}},{"kind":"Field","name":{"kind":"Name","value":"verified"}}]}},{"kind":"Field","name":{"kind":"Name","value":"projectRoles"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"project"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"LimitedUserAvatar"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"LimitedUser"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"avatar"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesMembersInvitesTable_PendingWorkspaceCollaborator"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PendingWorkspaceCollaborator"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"inviteId"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"updatedAt"}},{"kind":"Field","name":{"kind":"Name","value":"user"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"LimitedUserAvatar"}}]}},{"kind":"Field","name":{"kind":"Name","value":"invitedBy"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"LimitedUserAvatar"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesMembers_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"team"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"items"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"role"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"invitedTeam"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"filter"},"value":{"kind":"Variable","name":{"kind":"Name","value":"invitesFilter"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"user"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesMembersMembersTable_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesMembersTableHeader_Workspace"}},{"kind":"Field","name":{"kind":"Name","value":"team"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"items"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesMembersMembersTable_WorkspaceCollaborator"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesMembersGuestsTable_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesMembersTableHeader_Workspace"}},{"kind":"Field","name":{"kind":"Name","value":"team"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"items"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesMembersGuestsTable_WorkspaceCollaborator"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SettingsWorkspacesMembersInvitesTable_Workspace"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Workspace"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesMembersTableHeader_Workspace"}},{"kind":"Field","name":{"kind":"Name","value":"invitedTeam"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"filter"},"value":{"kind":"Variable","name":{"kind":"Name","value":"invitesFilter"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"SettingsWorkspacesMembersInvitesTable_PendingWorkspaceCollaborator"}}]}}]}}]} as unknown as DocumentNode<SettingsWorkspacesMembersQuery, SettingsWorkspacesMembersQueryVariables>;
diff --git a/packages/ui-components/src/components/layout/sidebar/menu/group/Group.vue b/packages/ui-components/src/components/layout/sidebar/menu/group/Group.vue
index ceb3349f15..c016d2f957 100644
--- a/packages/ui-components/src/components/layout/sidebar/menu/group/Group.vue
+++ b/packages/ui-components/src/components/layout/sidebar/menu/group/Group.vue
@@ -20,7 +20,7 @@
         >
           <slot name="title-icon"></slot>
         </div>
-        <div class="flex flex-1 items-center justify-between">
+        <div class="flex flex-1 items-center justify-between truncate">
           <h6 class="font-semibold text-foreground-2 truncate text-body-2xs">
             {{ title }}
           </h6>
@@ -33,7 +33,7 @@
         <div v-if="$slots['title-icon']" class="flex items-center justify-center">
           <slot name="title-icon"></slot>
         </div>
-        <div class="flex flex-1 items-center justify-between">
+        <div class="flex flex-1 items-center justify-between truncate">
           <h6 class="font-semibold text-foreground-2 truncate text-body-2xs">
             {{ title }}
           </h6>