fix: negative value in rem()

coingaming · Oct 19, 2020 · d1c5d20 · d1c5d20
1 parent a7d2324
commit d1c5d20
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/components/src/bubble/Bubble.ts b/packages/components/src/bubble/Bubble.ts
@@ -26,7 +26,7 @@ const Bubble = styled.div<{ position?: string }>(({ theme }) => [
       position: 'absolute',
       top: '100%',
       right: rem(12),
-      marginTop: rem(-1),
+      marginTop: `-${rem(1)}`,
     },
   },
   ({ position }) =>
@@ -36,7 +36,7 @@ const Bubble = styled.div<{ position?: string }>(({ theme }) => [
         marginTop: 0,
         borderBottomWidth: rem(8),
         bottom: '100%',
-        marginBottom: rem(-1),
+        marginBottom: `-${rem(1)}`,
         borderTopWidth: 0,
         borderBottomColor: theme.color.hit[100],
       },