diff --git a/src/App.tsx b/src/App.tsx
index 93ce06d..ac79a28 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,7 @@
 import { useEffect } from "kaioken"
 import { useStorage } from "./hooks/storageStores"
 import { useStationsStore } from "./hooks/stationStores"
-import { Popular, Navigation } from "./components"
+import { Popular, Navigation, LocalRadio, RecommendedRadio, MusicPlayer } from "./components"
 
 export function App() {
   const { getStationsFile } = useStorage()
@@ -34,13 +34,13 @@ export function App() {
       {/* Right Section __________*/}
       <div className="flex-1 min-h-[98vh] max-h-[98vh] flex h-0 p-2 min-w-0">
         <div className="bg-gray-200 w-full border rounded-xl p-4 flex-col flex gap-4">
-          {/*<MusicPlayer />*/}
+          <MusicPlayer />
           <Popular />
           {/* Bottom Section __________*/}
 
-          <div id="bottom" className="flex-1 rounded-xl flex flex-row gap-4 bg-white">
-            {/*<LocalRadio />*/}
-            {/*<RecommendedRadio />*/}
+          <div id="bottom" className="flex-1 rounded-xl flex flex-row gap-4 ">
+            <LocalRadio />
+            <RecommendedRadio />
           </div>
         </div>
       </div>