diff --git a/packages/webkit/src/components/content/card-pricing/card-pricing.vue b/packages/webkit/src/components/content/card-pricing/card-pricing.vue
index fdc56425..7452d2f4 100644
--- a/packages/webkit/src/components/content/card-pricing/card-pricing.vue
+++ b/packages/webkit/src/components/content/card-pricing/card-pricing.vue
@@ -75,7 +75,7 @@
 
   const rootClasses = computed(() => [
     'flex w-full flex-col items-start',
-    isMiddle.value ? 'min-h-[483px] justify-between' : 'gap-[var(--spacing-xl)]',
+    isMiddle.value ? 'min-h-[483px] justify-between' : 'gap-[var(--spacing-lg)]',
     isContained.value
       ? 'bg-[var(--bg-surface)] border-[length:var(--border-width-default)] border-[var(--border-muted)] rounded-[var(--shape-card)] p-[var(--spacing-lg)]'
       : 'p-[var(--spacing-lg)]',
@@ -102,7 +102,7 @@
     <div
       :class="[
         'flex w-full flex-col items-start shrink-0',
-        isMiddle ? 'gap-[var(--spacing-xl)]' : ''
+        isMiddle ? 'gap-[var(--spacing-lg)]' : ''
       ]"
     >
       <div