From e4628829f7986c5a6e3536cfcfbbce8ebb59ea54 Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Fri, 1 Jul 2022 17:18:57 +0200
Subject: [PATCH] fix(ui): fix control arrows on firefox

---
 frontend/app/components/Session_/Player/Controls/Controls.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/Session_/Player/Controls/Controls.js b/frontend/app/components/Session_/Player/Controls/Controls.js
index d42cff222..e92099393 100644
--- a/frontend/app/components/Session_/Player/Controls/Controls.js
+++ b/frontend/app/components/Session_/Player/Controls/Controls.js
@@ -313,7 +313,7 @@ export default class Controls extends React.Component {
                         delay={0}
                         position="top"
                       >
-                        {this.controlIcon("skip-forward-fill", 18, this.backTenSeconds, true, 'hover:bg-active-blue-border color-main h-full')}
+                        {this.controlIcon("skip-forward-fill", 18, this.backTenSeconds, true, 'hover:bg-active-blue-border color-main h-full flex items-center')}
                       </Tooltip>
                     <div className='p-1 border-l border-r bg-active-blue-border border-active-blue-border'>10s</div>
                     <Tooltip
@@ -321,7 +321,7 @@ export default class Controls extends React.Component {
                         delay={0}
                         position="top"
                       >
-                        {this.controlIcon("skip-forward-fill", 18, this.forthTenSeconds, false, 'hover:bg-active-blue-border color-main h-full')}
+                        {this.controlIcon("skip-forward-fill", 18, this.forthTenSeconds, false, 'hover:bg-active-blue-border color-main h-full flex items-center')}
                     </Tooltip>
                   </div>