From 278ae445a8695679f27c4bec171d6c5af2fc5d78 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Sun, 24 Mar 2024 18:19:26 +0700
Subject: [PATCH] show/hide button icon alignment flex

---
 app/modules/SidePanel/SidePanel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/modules/SidePanel/SidePanel.tsx b/app/modules/SidePanel/SidePanel.tsx
index 0be0ad4c8f..e091d04ac6 100644
--- a/app/modules/SidePanel/SidePanel.tsx
+++ b/app/modules/SidePanel/SidePanel.tsx
@@ -14,7 +14,7 @@ export const SidePanel = () => {
     <div className="relative border-l border-l-ui-panel-border">
       <button
         onClick={() => setIsVisible(!isVisible)}
-        className="absolute left-[-25px] top-1/2 rounded-l-lg bg-ui-controls p-2 text-sm text-white transition duration-150 ease-in-out"
+        className="absolute left-[-25px] top-1/2 flex rounded-l-lg bg-ui-controls p-2 align-middle text-sm text-white transition duration-150 ease-in-out"
       >
         <FontAwesomeIcon icon={isVisible ? faChevronRight : faChevronLeft} />
       </button>