diff --git a/sparkle/package-lock.json b/sparkle/package-lock.json
index 1c4c9db812ac..3c6fe1e7a91a 100644
--- a/sparkle/package-lock.json
+++ b/sparkle/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.138",
+  "version": "0.2.139",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@dust-tt/sparkle",
-      "version": "0.2.138",
+      "version": "0.2.139",
       "license": "ISC",
       "dependencies": {
         "@headlessui/react": "^1.7.17",
diff --git a/sparkle/package.json b/sparkle/package.json
index 6352862ad9b6..47da99781d64 100644
--- a/sparkle/package.json
+++ b/sparkle/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.138",
+  "version": "0.2.139",
   "scripts": {
     "build": "rm -rf dist && rollup -c",
     "build:with-tw-base": "rollup -c --environment INCLUDE_TW_BASE:true",
diff --git a/sparkle/src/components/PriceTable.tsx b/sparkle/src/components/PriceTable.tsx
index 8359cd8b0133..47d851ff964a 100644
--- a/sparkle/src/components/PriceTable.tsx
+++ b/sparkle/src/components/PriceTable.tsx
@@ -190,21 +190,31 @@ PriceTable.Item = function ({
 interface PriceTableActionContainerProps {
   children: ReactNode;
   size?: "xs" | "sm";
+  position?: "top" | "bottom";
 }
 
 PriceTable.ActionContainer = function ({
   children,
   size = "xs",
+  position = "bottom",
 }: PriceTableActionContainerProps) {
   return (
-    <div
-      className={classNames(
-        "s-flex s-w-full s-flex-grow s-justify-center s-px-2",
-        size === "xs" ? "s-py-2" : "s-py-4"
-      )}
-    >
-      <div className="s-flex s-h-full s-flex-col s-justify-end">{children}</div>
-    </div>
+    <>
+      {position === "bottom" ? <div className="s-h-full s-w-full" /> : null}
+      <div
+        className={classNames(
+          "s-flex s-w-full s-justify-center s-px-2",
+          size === "xs" ? "s-py-2" : "s-py-4",
+          position === "top"
+            ? "s-border-b s-border-structure-100 dark:s-border-structure-200-dark/50"
+            : ""
+        )}
+      >
+        <div className="s-flex s-h-full s-flex-col s-justify-end">
+          {children}
+        </div>
+      </div>
+    </>
   );
 };
 
diff --git a/sparkle/src/stories/PriceTable.stories.tsx b/sparkle/src/stories/PriceTable.stories.tsx
index fe8e49465448..c2d07d7e049b 100644
--- a/sparkle/src/stories/PriceTable.stories.tsx
+++ b/sparkle/src/stories/PriceTable.stories.tsx
@@ -14,30 +14,15 @@ export const PricingXS = () => {
   return (
     <div className="s-h-full s-w-full">
       <PriceTable.Container>
-        <PriceTable
-          title="Test"
-          price="0€"
-          priceLabel="/ month"
-          color="emerald"
-        >
-          <PriceTable.Item label="Single member / workspace" variant="dash" />
-          <PriceTable.Item label="Unlimited custom assistants" />
-          <PriceTable.Item label="Advanced LLM models (gpt4, Claude, ...)" />
-          <PriceTable.Item label="20 messages a week" variant="dash" />
-          <PriceTable.Item label="Static Data Sources (35Mo)" variant="dash" />
-          <PriceTable.Item label="Connected Data Sources" variant="xmark" />
-          <PriceTable.ActionContainer>
-            <div className="s-h-9 s-text-base s-font-bold s-text-element-600">
-              Your current plan
-            </div>
-          </PriceTable.ActionContainer>
-        </PriceTable>
         <PriceTable
           title="Business"
           price="0€"
-          color="sky"
+          color="emerald"
           priceLabel="/ month / seat"
         >
+          <PriceTable.ActionContainer position="top">
+            <Button size="sm" variant="primary" label="Start Now" />
+          </PriceTable.ActionContainer>
           <PriceTable.Item label="Unlimited members / workspace" />
           <PriceTable.Item label="Unlimited custom assistants" />
           <PriceTable.Item label="Advanced LLM models (gpt4, Claude, ...)" />
@@ -46,10 +31,13 @@ export const PricingXS = () => {
           <PriceTable.Item label="1 user" />
           <PriceTable.Item label="1 user" />
           <PriceTable.ActionContainer>
-            <Button size="sm" variant="primary" label="Select this plan" />
+            <Button size="sm" variant="primary" label="Start Now" />
           </PriceTable.ActionContainer>
         </PriceTable>
         <PriceTable title="Enterprise" price="Custom">
+          <PriceTable.ActionContainer position="top">
+            <Button size="sm" variant="primary" label="Start Now" />
+          </PriceTable.ActionContainer>
           <PriceTable.Item label="Unlimited members / workspace" />
           <PriceTable.Item label="Unlimited workspaces" />
           <PriceTable.Item label="Unlimited custom assistants" />
@@ -60,7 +48,7 @@ export const PricingXS = () => {
           <PriceTable.Item label="1 user" />
           <PriceTable.Item label="1 user" />
           <PriceTable.ActionContainer>
-            <Button size="sm" variant="secondary" label="Contact us" />
+            <Button size="sm" variant="primary" label="Contact us" />
           </PriceTable.ActionContainer>
         </PriceTable>
       </PriceTable.Container>
@@ -73,31 +61,15 @@ export const PricingSM = () => {
     <div className="s-h-full s-w-full">
       <PriceTable.Container>
         <PriceTable
-          title="Test"
-          price="0€"
-          priceLabel="/ month"
-          color="emerald"
-          size="sm"
-        >
-          <PriceTable.Item label="Single member / workspace" variant="dash" />
-          <PriceTable.Item label="Unlimited custom assistants" />
-          <PriceTable.Item label="Advanced LLM models (gpt4, Claude, ...)" />
-          <PriceTable.Item label="20 messages a week" variant="dash" />
-          <PriceTable.Item label="Static Data Sources (35Mo)" variant="dash" />
-          <PriceTable.Item label="Connected Data Sources" variant="xmark" />
-          <PriceTable.ActionContainer>
-            <div className="s-h-9 s-text-base s-font-bold s-text-element-600">
-              Your current plan
-            </div>
-          </PriceTable.ActionContainer>
-        </PriceTable>
-        <PriceTable
-          title="Business"
-          price="0€"
+          title="pro"
+          price="29€"
           color="sky"
           priceLabel="/ month / seat"
           size="sm"
         >
+          <PriceTable.ActionContainer position="top">
+            <Button size="md" variant="primary" label="Select this plan" />
+          </PriceTable.ActionContainer>
           <PriceTable.Item label="Unlimited members / workspace" />
           <PriceTable.Item label="Unlimited custom assistants" />
           <PriceTable.Item label="Advanced LLM models (gpt4, Claude, ...)" />
@@ -110,6 +82,9 @@ export const PricingSM = () => {
           </PriceTable.ActionContainer>
         </PriceTable>
         <PriceTable title="Enterprise" price="Custom" size="sm">
+          <PriceTable.ActionContainer position="top">
+            <Button size="md" variant="primary" label="Contact us" />
+          </PriceTable.ActionContainer>
           <PriceTable.Item label="Unlimited members / workspace" />
           <PriceTable.Item label="Unlimited workspaces" />
           <PriceTable.Item label="Unlimited custom assistants" />
@@ -120,7 +95,7 @@ export const PricingSM = () => {
           <PriceTable.Item label="1 user" />
           <PriceTable.Item label="1 user" />
           <PriceTable.ActionContainer>
-            <Button size="md" variant="secondary" label="Contact us" />
+            <Button size="md" variant="primary" label="Contact us" />
           </PriceTable.ActionContainer>
         </PriceTable>
       </PriceTable.Container>