diff --git a/packages/app/src/components/LikeButton/index.jsx b/packages/app/src/components/LikeButton/index.jsx
index ce504c92f..68d325629 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 352bee690..d92aaca6d 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;