From e941153fa8169e2fa105916e8953f63e61d13baa Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Fri, 7 Apr 2023 10:19:19 +0200
Subject: [PATCH] Update positioning of taxonomy filters

---
 CHANGELOG.md                                        | 1 +
 src/dashboardWebView/components/Menu/MenuButton.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 65cb3232..86abcddf 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,7 @@
 ### 🐞 Fixes
 
 - [#564](https://github.com/estruyf/vscode-front-matter/issues/564): Fix to only pass strings to the taxonomy dashboard
+- [#567](https://github.com/estruyf/vscode-front-matter/issues/567): Fix taxonomy filters that are incorrectly positioned
 
 ## [8.4.0] - 2023-04-03 - [Release notes](https://beta.frontmatter.codes/updates/v8.4.0)
 
diff --git a/src/dashboardWebView/components/Menu/MenuButton.tsx b/src/dashboardWebView/components/Menu/MenuButton.tsx
index 4f0b52f7..abda1b96 100644
--- a/src/dashboardWebView/components/Menu/MenuButton.tsx
+++ b/src/dashboardWebView/components/Menu/MenuButton.tsx
@@ -17,7 +17,7 @@ export const MenuButton: React.FunctionComponent<IMenuButtonProps> = ({
   const { getColors } = useThemeColors();
 
   return (
-    <div className={`group inline-flex items-center ${disabled ? 'opacity-50' : ''}`}>
+    <div className={`group flex items-center ${disabled ? 'opacity-50' : ''}`}>
       <div className={`mr-2 font-medium flex items-center ${getColors('text-gray-500 dark:text-whisper-700', 'text-[var(--vscode-tab-inactiveForeground)]')}`}>{label}:</div>
 
       <Menu.Button