--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -1049,37 +1049,31 @@ toolbarpaletteitem[place="palette"] > #d
   -moz-appearance: none;
   -moz-binding: url("chrome://browser/content/places/menu.xml#places-popup-arrow");
   background: transparent;
   border: none;
   /* The popup inherits -moz-image-region from the button, must reset it */
   -moz-image-region: auto;
 }
 
-%if !defined(MOZ_WIDGET_GTK) && defined(MOZ_PHOTON_ANIMATIONS)
+%if !defined(MOZ_WIDGET_GTK) && !defined(XP_MACOSX) && defined(MOZ_PHOTON_ANIMATIONS)
 #BMB_bookmarksPopup {
   opacity: 0;
-%ifdef XP_MACOSX
-  transition-property: opacity;
-  transition-duration: 0.18s;
-  transition-timing-function: var(--animation-easing-function);
-%else
   transform: translateY(-10px);
   transition-property: transform, opacity;
   transition-duration: 0.18s, 0.18s;
   transition-timing-function:
     var(--animation-easing-function), var(--animation-easing-function);
-%endif
 }
 
+%if !defined(MOZ_WIDGET_GTK) && !defined(XP_MACOSX) && defined(MOZ_PHOTON_ANIMATIONS)
 #BMB_bookmarksPopup[side="bottom"] {
-%ifndef XP_MACOSX
   transform: translateY(10px);
+}
 %endif
-}
 
 #BMB_bookmarksPopup[animate="open"] {
   opacity: 1.0;
   transform: none;
 }
 
 #BMB_bookmarksPopup[animate="cancel"] {
   transform: none;

--- a/toolkit/content/xul.css
+++ b/toolkit/content/xul.css
@@ -438,33 +438,27 @@ tooltip {
   white-space: pre-wrap;
   margin-top: 21px;
 }
 
 panel[type="arrow"] {
   -moz-binding: url("chrome://global/content/bindings/popup.xml#arrowpanel");
 }
 
-%if !defined(MOZ_WIDGET_GTK) && defined(MOZ_PHOTON_ANIMATIONS)
+%if !defined(MOZ_WIDGET_GTK) && !defined(XP_MACOSX) && defined(MOZ_PHOTON_ANIMATIONS)
 panel[type="arrow"]:not([animate="false"]) {
   opacity: 0;
-%ifdef XP_MACOSX
-  transition-property: opacity;
-  transition-duration: 0.18s;
-  transition-timing-function: var(--animation-easing-function);
-%else
   transform: translateY(-10px);
   transition-property: transform, opacity;
   transition-duration: 0.18s, 0.18s;
   transition-timing-function:
     var(--animation-easing-function), var(--animation-easing-function);
-%endif
 }
 
-%if !defined(MOZ_WIDGET_GTK) && defined(MOZ_PHOTON_ANIMATIONS)
+%if !defined(MOZ_WIDGET_GTK) && !defined(XP_MACOSX) && defined(MOZ_PHOTON_ANIMATIONS)
 panel[type="arrow"][side="bottom"]:not([animate="false"]) {
   transform: translateY(10px);
 }
 %endif
 
 panel[type="arrow"][animate="open"] {
   opacity: 1.0;
   transform: none;