From 2caa55b83df60570612d8049d4fd0d18cc9283e8 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Thu, 12 Oct 2023 19:56:08 +0000
Subject: [PATCH] fix sizes

---
 .../app/src/components/LikeButton/index.jsx   |  2 --
 .../app/src/components/LikeButton/index.less  | 20 +++++++++----------
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/packages/app/src/components/LikeButton/index.jsx b/packages/app/src/components/LikeButton/index.jsx
index ce504c92..68d32562 100644
--- a/packages/app/src/components/LikeButton/index.jsx
+++ b/packages/app/src/components/LikeButton/index.jsx
@@ -33,8 +33,6 @@ export default (props) => {
         }
         <svg
             className="heart"
-            width="24"
-            height="24"
             viewBox="0 0 24 24"
         >
             <path d="M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z"></path>
diff --git a/packages/app/src/components/LikeButton/index.less b/packages/app/src/components/LikeButton/index.less
index 352bee69..d92aaca6 100644
--- a/packages/app/src/components/LikeButton/index.less
+++ b/packages/app/src/components/LikeButton/index.less
@@ -12,8 +12,8 @@
     border: none;
     border-radius: 50%;
 
-    width: 1rem;
-    height: 1rem;
+    width: 1em;
+    height: 1em;
 
     padding: 0;
     margin: 0;
@@ -30,8 +30,8 @@
         position: absolute;
         top: 0;
         left: 0;
-        width: 1rem;
-        height: 1rem;
+        width: 1em;
+        height: 1em;
         border-radius: inherit;
         transition: inherit;
     }
@@ -41,8 +41,8 @@
         position: absolute;
         top: 0;
         left: 0;
-        width: 1rem;
-        height: 1rem;
+        width: 1em;
+        height: 1em;
         border-radius: inherit;
         z-index: -1;
     }
@@ -90,8 +90,8 @@
 
         animation: none;
 
-        width: 1rem;
-        height: 1rem;
+        width: 1em;
+        height: 1em;
 
         margin: 0;
 
@@ -101,8 +101,8 @@
     .ripple {
         position: absolute;
 
-        height: 1rem;
-        width: 1rem;
+        height: 1em;
+        width: 1em;
 
         border-radius: 50%;
         overflow: hidden;