From a160adba30540bb243c14715e8d4a25b9ee805c5 Mon Sep 17 00:00:00 2001
From: Andrew Jiang <andrew@buildwithfern.com>
Date: Tue, 30 Apr 2024 10:45:47 -0400
Subject: [PATCH] fix: sidebar icon alignment (#744)

---
 packages/ui/app/src/next-app/globals.scss   | 2 +-
 packages/ui/app/src/sidebar/SidebarLink.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/app/src/next-app/globals.scss b/packages/ui/app/src/next-app/globals.scss
index f83cd0877c..9d5106ed9e 100644
--- a/packages/ui/app/src/next-app/globals.scss
+++ b/packages/ui/app/src/next-app/globals.scss
@@ -281,7 +281,7 @@
     }
 
     .fern-sidebar-link-expand {
-        @apply relative flex w-10 lg:w-6 justify-center items-center transition-colors rounded-none transition-transform ease-out;
+        @apply relative flex w-10 lg:w-6 justify-center items-center transition-colors rounded-none ease-out;
         @apply lg:rounded-lg;
 
         &:last-child {
diff --git a/packages/ui/app/src/sidebar/SidebarLink.tsx b/packages/ui/app/src/sidebar/SidebarLink.tsx
index 1725b1ae27..cae092ca54 100644
--- a/packages/ui/app/src/sidebar/SidebarLink.tsx
+++ b/packages/ui/app/src/sidebar/SidebarLink.tsx
@@ -165,7 +165,7 @@ const SidebarLinkInternal = forwardRef<HTMLButtonElement, SidebarLinkProps>((pro
                             {expandButton}
                             <span className="fern-sidebar-link-content">
                                 {icon != null && (
-                                    <span className="mr-2">
+                                    <span className="mr-2 inline-flex items-center">
                                         {typeof icon === "string" ? <RemoteFontAwesomeIcon icon={icon} /> : icon}
                                     </span>
                                 )}