diff --git a/playground/src/App.js b/playground/src/App.js
index 9fa321b26..35c89ad4f 100644
--- a/playground/src/App.js
+++ b/playground/src/App.js
@@ -1,6 +1,6 @@
 import React, {useEffect} from "react";
-import AppRouter from "./router/Router";
-import {Layout} from "./utility/context/Layout"
+import AppRouter from "./router/router";
+import {Layout} from "./utility/context/layout"
 import {ConfigProvider, theme} from 'antd';
 
 function App() {
diff --git a/playground/src/router/Router.js b/playground/src/router/Router.js
index 179299eda..f4bf2ab05 100644
--- a/playground/src/router/Router.js
+++ b/playground/src/router/Router.js
@@ -2,7 +2,7 @@ import React, {Suspense} from "react"
 import {BrowserRouter, Route, Routes} from "react-router-dom"
 import Play from "../views/Play";
 import P404 from "../views/404";
-import {ContextLayout} from "../utility/context/Layout";
+import {ContextLayout} from "../utility/context/layout";
 import {Skeleton} from "antd";
 
 export default function AppRouter() {
diff --git a/playground/src/views/Play.js b/playground/src/views/Play.js
index d8e6e701e..fe733513c 100644
--- a/playground/src/views/Play.js
+++ b/playground/src/views/Play.js
@@ -1,7 +1,7 @@
 import React, {Suspense, useEffect, useState} from 'react'
 import {useLocation} from "react-router-dom";
 import {Skeleton} from "antd";
-import {ContextLayout} from "../utility/context/Layout";
+import {ContextLayout} from "../utility/context/layout";
 import Output from "../layout/sides/output";
 import {useShapeStore} from "../state/shape";
 import {ToastContainer} from 'react-toastify';