diff --git a/apps/docs/content/components/table/disallow-empty-selection.raw.jsx b/apps/docs/content/components/table/disallow-empty-selection.raw.jsx
index 14a5db7045..a367207fbc 100644
--- a/apps/docs/content/components/table/disallow-empty-selection.raw.jsx
+++ b/apps/docs/content/components/table/disallow-empty-selection.raw.jsx
@@ -9,11 +9,11 @@ import {
   Radio,
 } from "@nextui-org/react";
 
-const colors = ["default", "primary", "secondary", "success", "warning", "danger"];
-
 export default function App() {
   const [selectedColor, setSelectedColor] = React.useState("default");
 
+  const colors = ["default", "primary", "secondary", "success", "warning", "danger"];
+
   return (
     <div className="flex flex-col gap-3">
       <Table
diff --git a/apps/docs/content/components/table/multiple-selection.raw.jsx b/apps/docs/content/components/table/multiple-selection.raw.jsx
index e6abd5b42e..fe52461f98 100644
--- a/apps/docs/content/components/table/multiple-selection.raw.jsx
+++ b/apps/docs/content/components/table/multiple-selection.raw.jsx
@@ -9,11 +9,11 @@ import {
   Radio,
 } from "@nextui-org/react";
 
-const colors = ["default", "primary", "secondary", "success", "warning", "danger"];
-
 export default function App() {
   const [selectedColor, setSelectedColor] = React.useState("default");
 
+  const colors = ["default", "primary", "secondary", "success", "warning", "danger"];
+
   return (
     <div className="flex flex-col gap-3">
       <Table
diff --git a/apps/docs/content/components/table/single-selection.raw.jsx b/apps/docs/content/components/table/single-selection.raw.jsx
index 35122ba3f8..762b718d88 100644
--- a/apps/docs/content/components/table/single-selection.raw.jsx
+++ b/apps/docs/content/components/table/single-selection.raw.jsx
@@ -9,11 +9,11 @@ import {
   Radio,
 } from "@nextui-org/react";
 
-const colors = ["default", "primary", "secondary", "success", "warning", "danger"];
-
 export default function App() {
   const [selectedColor, setSelectedColor] = React.useState("default");
 
+  const colors = ["default", "primary", "secondary", "success", "warning", "danger"];
+
   return (
     <div className="flex flex-col gap-3">
       <Table