diff --git a/src/App.tsx b/src/App.tsx
index 1a7c9af..23ec84a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,15 +1,11 @@
-import { BrowserRouter } from 'react-router-dom';
-
-import { Router } from './Routes';
+import { Router } from './Router';
 import { Styles } from './styles/index';
 
 function App() {
   return (
-    <BrowserRouter>
-      <Styles>
-        <Router />
-      </Styles>
-    </BrowserRouter>
+    <Styles>
+      <Router />
+    </Styles>
   );
 }
 
diff --git a/src/Router.tsx b/src/Router.tsx
new file mode 100644
index 0000000..7930f95
--- /dev/null
+++ b/src/Router.tsx
@@ -0,0 +1,27 @@
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
+
+import { DefaultLayout } from './layout/DefaultLayout';
+import { History } from './pages/History';
+import { Home } from './pages/Home';
+
+export function Router() {
+  return (
+    <BrowserRouter>
+      <Routes>
+        <Route
+          path="/"
+          element={<DefaultLayout />}
+        >
+          <Route
+            path="/"
+            element={<Home />}
+          />
+          <Route
+            path="/history"
+            element={<History />}
+          />
+        </Route>
+      </Routes>
+    </BrowserRouter>
+  );
+}
diff --git a/src/Routes.tsx b/src/Routes.tsx
deleted file mode 100644
index 9e599d1..0000000
--- a/src/Routes.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Route, Routes } from 'react-router-dom';
-
-import { DefaultLayout } from './layout/DefaultLayout';
-import { History } from './pages/History';
-import { Home } from './pages/Home';
-
-export function Router() {
-  return (
-    <Routes>
-      <Route
-        path="/"
-        element={<DefaultLayout />}
-      >
-        <Route
-          path="/"
-          element={<Home />}
-        />
-        <Route
-          path="/history"
-          element={<History />}
-        />
-      </Route>
-    </Routes>
-  );
-}