fix: mobile emoji

scroll-tech · Aug 15, 2024 · 3f04e4f · 3f04e4f
1 parent a82db56
commit 3f04e4f
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/pages/canvas-badge/Badges/BadgeList/BadgeCard.tsx b/src/pages/canvas-badge/Badges/BadgeList/BadgeCard.tsx
@@ -15,7 +15,7 @@ const useStyles = makeStyles()(theme => ({
     top: "0.8rem",
     right: "0.8rem",
     borderRadius: "1.4rem",
-    padding: "0 0.7rem",
+
     fontSize: "1.4rem",
     fontWeight: 500,
     lineHeight: "2.8rem",
@@ -25,11 +25,12 @@ const useStyles = makeStyles()(theme => ({
     overflow: "hidden",
     willChange: "width, transform",
     cursor: "default",
-
+    textAlign: "center",
     maxWidth: "2.8rem",
     transition: "all 0.3s cubic-bezier(0.34, 1.1, 0.64, 1)",
     "&:hover": {
       maxWidth: "20rem",
+      padding: "0 0.7rem",
     },
   },
 }))