From cfdafcd7910b6464e85a4a060f31f9b4c391fb46 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Sun, 23 Feb 2025 21:39:22 +1100
Subject: [PATCH] Dashboard item rendering fixes (#9163)

---
 .../widgets/QueryCountDashboardWidget.tsx      | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/components/dashboard/widgets/QueryCountDashboardWidget.tsx b/src/frontend/src/components/dashboard/widgets/QueryCountDashboardWidget.tsx
index ced5d7f711..542b65e346 100644
--- a/src/frontend/src/components/dashboard/widgets/QueryCountDashboardWidget.tsx
+++ b/src/frontend/src/components/dashboard/widgets/QueryCountDashboardWidget.tsx
@@ -72,18 +72,24 @@ function QueryCountWidget({
     [modelProperties, params]
   );
 
-  // TODO: Improve visual styling
-
   return (
-    <Group gap='xs' wrap='nowrap'>
-      <InvenTreeIcon icon={icon ?? modelProperties.icon} />
-      <Group gap='xs' wrap='nowrap' justify='space-between'>
+    <Group
+      gap='xs'
+      wrap='nowrap'
+      justify='space-between'
+      align='center'
+      style={{ height: '100%' }}
+    >
+      <Group gap='xs'>
+        <InvenTreeIcon icon={icon ?? modelProperties.icon} />
         <StylishText size='md'>{title}</StylishText>
+      </Group>
+      <Group gap='xs' wrap='nowrap' justify='space-apart'>
         <Group gap='xs' wrap='nowrap' justify='right'>
           {query.isFetching ? (
             <Loader size='sm' />
           ) : (
-            <StylishText size='sm'>{query.data?.count ?? '-'}</StylishText>
+            <StylishText size='md'>{query.data?.count ?? '-'}</StylishText>
           )}
           {modelProperties?.url_overview && (
             <ActionIcon size='sm' variant='transparent' onClick={onFollowLink}>