diff --git a/client/src/App.tsx b/client/src/App.tsx
index 4bc8ee2..f397733 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -23,8 +23,10 @@ const App: Component = () => {
         <Route path="/about-us" component={About} />
         <Route path="/contact-us" component={Contact} />
         <Route path="/cart" component={Cart} />
-        <Route path="/products" component={Products} />
-        <Route path="/products/:id" component={ProductDetail} />
+        <Route path="/products">
+          <Route path="" component={Products} />
+          <Route path="/:id" component={ProductDetail} />
+        </Route>
         <Route path="/news" component={News} />
         <Route path="/news/:id?" component={SinglePageNews} />
         <Route path="/favorite" component={Favorite} />