diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 3da83d2b..d5847132 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -30,7 +30,7 @@ import { AuthenticationProvider } from "@/hooks/useAuth";
 
 import GDPRBanner from "./components/gdpr/gdprbanner";
 import DownloadsPage from "./components/pages/Download";
-import MuJoCoTestPage from "./components/pages/MuJoCoTest";
+import PlaygroundPage from "./components/pages/MujocoPlayground";
 import OrderCancel from "./components/pages/OrderCancel";
 import OrderSuccess from "./components/pages/OrderSuccess";
 import Orders from "./components/pages/Orders";
@@ -57,7 +57,7 @@ const App = () => {
                     <Routes>
                       {/* <Route path="/" element={<Home />} /> */}
 
-                      <Route path="/mujoco-test" element={<MuJoCoTestPage />} />
+                      <Route path="/playground" element={<PlaygroundPage />} />
 
                       <Route path="/about" element={<About />} />
                       <Route path="/downloads" element={<DownloadsPage />} />
diff --git a/frontend/src/components/listing/mujoco/index.tsx b/frontend/src/components/listing/mujoco/index.tsx
index 61107a69..71cc6498 100644
--- a/frontend/src/components/listing/mujoco/index.tsx
+++ b/frontend/src/components/listing/mujoco/index.tsx
@@ -220,6 +220,12 @@ const MUJOCO = ({ url }: { url: string }) => {
 
   return (
     <div className="flex flex-col h-screen overflow-hidden">
+      <div className="bg-primary-9 text-black py-2 px-4 text-center font-bold">
+        <span className="mr-2">🚧</span>
+        This page is under construction. Some features may not be fully
+        functional.
+        <span className="ml-2">🚧</span>
+      </div>
       {showNotification && (
         <div className="fixed top-2 left-1/2 transform -translate-x-1/2 bg-primary-9 px-5 py-2 rounded-md z-50 font-bold">
           For the best user experience, visit with a desktop.
diff --git a/frontend/src/components/nav/Navbar.tsx b/frontend/src/components/nav/Navbar.tsx
index 377f09c8..dce84be7 100644
--- a/frontend/src/components/nav/Navbar.tsx
+++ b/frontend/src/components/nav/Navbar.tsx
@@ -75,7 +75,7 @@ const Navbar = () => {
     },
     {
       name: "Playground",
-      path: "/mujoco-test",
+      path: "/playground",
       icon: <FaRobot className="h-5 w-5" />,
       isExternal: false,
     },
diff --git a/frontend/src/components/pages/MuJoCoTest.tsx b/frontend/src/components/pages/MujocoPlayground.tsx
similarity index 71%
rename from frontend/src/components/pages/MuJoCoTest.tsx
rename to frontend/src/components/pages/MujocoPlayground.tsx
index 805afd08..3db4aaff 100644
--- a/frontend/src/components/pages/MuJoCoTest.tsx
+++ b/frontend/src/components/pages/MujocoPlayground.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 import MUJOCO from "../listing/mujoco";
 
-const MuJoCoTestPage: React.FC = () => {
+const PlaygroundPage: React.FC = () => {
   return (
     <div className="">
       <MUJOCO url="/examples/scenes/stompypro.xml" />
@@ -10,4 +10,4 @@ const MuJoCoTestPage: React.FC = () => {
   );
 };
 
-export default MuJoCoTestPage;
+export default PlaygroundPage;