diff --git a/apps/docs/content/components/toast/placement.raw.jsx b/apps/docs/content/components/toast/placement.raw.jsx
index 3d6ee1f379..7acfad042d 100644
--- a/apps/docs/content/components/toast/placement.raw.jsx
+++ b/apps/docs/content/components/toast/placement.raw.jsx
@@ -6,7 +6,10 @@ export default function App() {
return (
<>
-
+
{[
["Top Left", "top-left"],
diff --git a/apps/docs/content/components/toast/simple.raw.jsx b/apps/docs/content/components/toast/simple.raw.jsx
index 5ede4d9c0e..c656d4ebf9 100644
--- a/apps/docs/content/components/toast/simple.raw.jsx
+++ b/apps/docs/content/components/toast/simple.raw.jsx
@@ -3,7 +3,9 @@ import {addToast, Button, ToastProvider} from "@heroui/react";
export default function App() {
return (
<>
-
+
+
+