diff --git a/sparkle/src/components/Sheet.tsx b/sparkle/src/components/Sheet.tsx
index 963b143046ab..a384f81061ba 100644
--- a/sparkle/src/components/Sheet.tsx
+++ b/sparkle/src/components/Sheet.tsx
@@ -128,12 +128,22 @@ const SheetFooter = ({
     )}
     {...props}
   >
-    {(leftButtonProps || rightButtonProps) && (
-      <SheetClose className={sheetCloseClassName}>
-        {leftButtonProps && <Button {...leftButtonProps} />}
-        {rightButtonProps && <Button {...rightButtonProps} />}
-      </SheetClose>
-    )}
+    {leftButtonProps &&
+      (leftButtonProps.disabled ? (
+        <Button {...leftButtonProps} />
+      ) : (
+        <SheetClose className={sheetCloseClassName}>
+          <Button {...leftButtonProps} />
+        </SheetClose>
+      ))}
+    {rightButtonProps &&
+      (rightButtonProps.disabled ? (
+        <Button {...rightButtonProps} />
+      ) : (
+        <SheetClose className={sheetCloseClassName}>
+          <Button {...rightButtonProps} />
+        </SheetClose>
+      ))}
     {children}
   </div>
 );
diff --git a/sparkle/src/stories/Sheet.stories.tsx b/sparkle/src/stories/Sheet.stories.tsx
index 65071b6dd59a..ebb6d9605344 100644
--- a/sparkle/src/stories/Sheet.stories.tsx
+++ b/sparkle/src/stories/Sheet.stories.tsx
@@ -65,7 +65,7 @@ export function SheetDemo() {
           <SheetFooter
             sheetCloseClassName="s-flex s-gap-2"
             leftButtonProps={{ label: "Cancel", variant: "warning" }}
-            rightButtonProps={{ label: "Save" }}
+            rightButtonProps={{ label: "Save", disabled: true }}
           />
         </SheetContent>
       </Sheet>