From 11be5c811fc30666ccc9936b920625ccff0b8a40 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sat, 31 Dec 2022 17:50:22 -0800
Subject: [PATCH] Use size props for play button

---
 src/renderer/features/shared/components/play-button.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/features/shared/components/play-button.tsx b/src/renderer/features/shared/components/play-button.tsx
index 4c0adb5f..595a0091 100644
--- a/src/renderer/features/shared/components/play-button.tsx
+++ b/src/renderer/features/shared/components/play-button.tsx
@@ -7,8 +7,6 @@ const MotionButton = styled(motion(_Button))`
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 50px;
-  height: 50px;
   background-color: var(--primary-color);
   border: none;
   border-radius: 50%;
@@ -19,7 +17,9 @@ const MotionButton = styled(motion(_Button))`
 export const PlayButton = ({ ...props }: Omit<ButtonProps, 'children'>) => {
   return (
     <MotionButton
+      h={50}
       variant="filled"
+      w={50}
       whileHover={{ scale: 1.1 }}
       whileTap={{ scale: 0.95 }}
       {...props}