diff --git a/app/docs/components/toast/toast.mdx b/app/docs/components/toast/toast.mdx
index d2c98015c..c99b77e88 100644
--- a/app/docs/components/toast/toast.mdx
+++ b/app/docs/components/toast/toast.mdx
@@ -121,10 +121,10 @@ This component can be used to show more complex messages with buttons and other
         <span className="mb-1 text-sm font-semibold text-gray-900 dark:text-white">Update available</span>
         <div className="mb-2 text-sm font-normal">A new software version is available for download.</div>
         <div className="flex-start flex gap-2">
-          <div className="w-full">
+          <div className="w-auto">
             <Button size="xs">Update</Button>
           </div>
-          <div className="w-full">
+          <div className="w-auto">
             <Button color="light" size="xs">
               Not now
             </Button>