diff --git a/Client/src/App.jsx b/Client/src/App.jsx
index af4069851..b47c3082e 100644
--- a/Client/src/App.jsx
+++ b/Client/src/App.jsx
@@ -1,11 +1,10 @@
 import { Routes, Route } from "react-router-dom";
-// import "./App.css";
+import "./App.css";
 import NotFound from "./Pages/NotFound";
 import Login from "./Pages/Login";
 import Register from "./Pages/Register";
 import HomeLayout from "./Layouts/HomeLayout";
 import Demo from "./Pages/Demo/Demo";
-import PlayGround from "./Pages/PlayGround/PlayGround";
 
 function App() {
   return (
diff --git a/Client/src/components/Tooltips/TooltipWithTail/TooltipWithTail.tsx b/Client/src/Components/Tooltips/TooltipWithTail/TooltipWithTail.jsx
similarity index 87%
rename from Client/src/components/Tooltips/TooltipWithTail/TooltipWithTail.tsx
rename to Client/src/Components/Tooltips/TooltipWithTail/TooltipWithTail.jsx
index b52d530b9..1b1fb8b4d 100644
--- a/Client/src/components/Tooltips/TooltipWithTail/TooltipWithTail.tsx
+++ b/Client/src/Components/Tooltips/TooltipWithTail/TooltipWithTail.jsx
@@ -1,11 +1,11 @@
 import "./tooltipWithTail.css";
 import React from "react";
 import { styled } from "@mui/material/styles";
-import Tooltip, { TooltipProps, tooltipClasses } from "@mui/material/Tooltip";
+import Tooltip, { tooltipClasses } from "@mui/material/Tooltip";
 import HelpOutlineIcon from "@mui/icons-material/HelpOutline";
 
 const CustomizedTooltip = styled(
-  ({ className, placement, arrow, ...props }: TooltipProps) => (
+  ({ className, placement, arrow, ...props }) => (
     <Tooltip
       {...props}
       placement={placement}