From eeb2cec68802829367bf45fe84e4c1f8006302d1 Mon Sep 17 00:00:00 2001
From: Vesa Luusua <vesa.luusua@gmail.com>
Date: Wed, 30 Aug 2017 23:55:38 +0300
Subject: [PATCH] Safari didn't handle feBlend the same way as Chrome

---
 src/components/ManageListingCard/MenuIcon.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/ManageListingCard/MenuIcon.js b/src/components/ManageListingCard/MenuIcon.js
index 00c1b3ca..16d0f100 100644
--- a/src/components/ManageListingCard/MenuIcon.js
+++ b/src/components/ManageListingCard/MenuIcon.js
@@ -27,7 +27,6 @@ const MenuIcon = props => {
           <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1" />
           <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
           <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" in="shadowBlurOuter1" />
-          <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
         </filter>
       </defs>
       <g transform="translate(-342 -18)" filter={filter}>
@@ -35,6 +34,11 @@ const MenuIcon = props => {
           d="M348 24c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2zm7 0c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2zm7 0c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2z"
         />
       </g>
+      <g transform="translate(-342 -18)">
+        <path
+          d="M348 24c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2zm7 0c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2zm7 0c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2z"
+        />
+      </g>
     </svg>
   );
 };