From 8c4e7e0e43d5f36c1e0f8b5bf2d2c07b62a21fe9 Mon Sep 17 00:00:00 2001
From: Mo Tarbin <mhed.t91@gmail.com>
Date: Thu, 2 Jul 2026 17:49:27 -0400
Subject: [PATCH] Center the text in the Quick filter chips

---
 src/views/Chores/components/CustomFilterChips.jsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/views/Chores/components/CustomFilterChips.jsx b/src/views/Chores/components/CustomFilterChips.jsx
index 563bb93..672d218 100644
--- a/src/views/Chores/components/CustomFilterChips.jsx
+++ b/src/views/Chores/components/CustomFilterChips.jsx
@@ -9,11 +9,11 @@ import {
 import {
   Box,
   Chip,
+  IconButton,
   Menu,
   MenuItem,
   Tooltip,
   Typography,
-  IconButton,
 } from '@mui/joy'
 import { useState } from 'react'
 import { useNavigate } from 'react-router-dom'
@@ -116,6 +116,8 @@ const CustomFilterChips = ({
                   px: 1.0,
                   py: 0.5,
                   height: 32,
+                  display: 'flex',
+                  alignItems: 'center',
 
                   opacity: hasWarning ? 0.7 : isActive ? 1 : 0.85,
                   ...(hasCustomColor && {
@@ -185,6 +187,10 @@ const CustomFilterChips = ({
                     maxWidth: 100,
                     overflow: 'hidden',
                     textOverflow: 'ellipsis',
+                    display: 'flex',
+                    alignItems: 'center',
+                    height: '100%',
+                    lineHeight: 1,
                     ...(hasCustomColor && {
                       color: textColor,
                     }),