fix: prevent button from moving onfocus

Dev-Motion · Jun 7, 2023 · ed636df · ed636df
1 parent 3fa09de
commit ed636df
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/inc/widgets/Time.tsx b/src/components/inc/widgets/Time.tsx
@@ -109,6 +109,7 @@ const Time = () => {
 };
 
 const MoreButton = styled(IconButton, {
+  include: "buttonReset",
   pd: "$16",
   boxSizing: "content-box",
   position: "absolute",
@@ -120,7 +121,7 @@ const MoreButton = styled(IconButton, {
   opacity: 0,
   "&:focus": {
     opacity: 1,
-    transform: "scale(1)",
+    transform: "translateY(-50%)",
   },
   "&:hover": {
     opacity: 1,