From 403a755ca7a9d93ef6940d1954fcde058505c1b8 Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Fri, 6 Oct 2023 18:57:50 +0330
Subject: [PATCH] style: relocate the play button

---
 src/components/categories/categories.tsx          | 4 ++--
 src/components/play-button/play-button.module.css | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/categories/categories.tsx b/src/components/categories/categories.tsx
index d88ee88..903e78e 100644
--- a/src/components/categories/categories.tsx
+++ b/src/components/categories/categories.tsx
@@ -26,6 +26,8 @@ export function Categories({ categories }: CategoriesProps) {
   return (
     <PlayProvider>
       <Container>
+        <PlayButton />
+
         <div>
           {categories.map(category => (
             <Category
@@ -35,8 +37,6 @@ export function Categories({ categories }: CategoriesProps) {
             />
           ))}
         </div>
-
-        <PlayButton />
       </Container>
     </PlayProvider>
   );
diff --git a/src/components/play-button/play-button.module.css b/src/components/play-button/play-button.module.css
index 0beb0de..d4b5a6c 100644
--- a/src/components/play-button/play-button.module.css
+++ b/src/components/play-button/play-button.module.css
@@ -1,6 +1,6 @@
 .playButton {
   position: sticky;
-  bottom: 30px;
+  top: 30px;
   display: flex;
   width: 150px;
   height: 45px;