Fix safari flexbox/gap issue with grid

related to #435
2021-08-11 19:27:08 +10:00
parent b255af5f0f
commit 1d1f62e38e
8 changed files with 14 additions and 14 deletions
--- a/app/web/src/components/EmojiReaction/EmojiReaction.tsx
+++ b/app/web/src/components/EmojiReaction/EmojiReaction.tsx
@@ -59,9 +59,9 @@ const EmojiReaction = ({
      <div
        className={getActiveClasses('relative overflow-hidden pt-1', className)}
      >
-        <div className="z-10 flex items-center gap-4 h-10">
+        <div className="z-10 flex items-center h-10">
          <div
-            className="h-full w-10"
+            className="h-full w-10 mr-4"
            aria-describedby={popoverId}
            onClick={togglePopover}
          >