diff --git a/app/assets/javascripts/discourse/app/components/site-header.js b/app/assets/javascripts/discourse/app/components/site-header.js
index aa4ab35dc74..3794aafae0a 100644
--- a/app/assets/javascripts/discourse/app/components/site-header.js
+++ b/app/assets/javascripts/discourse/app/components/site-header.js
@@ -68,11 +68,7 @@ const SiteHeaderComponent = MountWidget.extend(
         fill: "forwards",
         easing: "ease-out",
       };
-      panel
-        .animate([{ transform: `translate3d(0, 0, 0)` }], timing)
-        .finished.then(() => {
-          panel.classList.remove("animating");
-        });
+      panel.animate([{ transform: `translate3d(0, 0, 0)` }], timing);
       headerCloak.animate([{ opacity: 1 }], timing);
       this.pxClosed = null;
     },
@@ -381,7 +377,6 @@ const SiteHeaderComponent = MountWidget.extend(
             this._swipeMenuOrigin = "left";
             finalPosition = -this._PANEL_WIDTH;
           }
-          panel.classList.add("animating");
           animationFinished = panel.animate(
             [{ transform: `translate3d(${finalPosition}px, 0, 0)` }],
             {