fix: sidebar icon alignment (#744)

fern-api · Apr 30, 2024 · a160adb · a160adb
1 parent 636da28
commit a160adb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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>
                                 )}