From 1887da3ef68970e8f6e8f472ce3cf028ff3eb047 Mon Sep 17 00:00:00 2001 From: NSTKrishna Date: Wed, 1 Jul 2026 18:55:56 +0530 Subject: [PATCH 1/3] Circular dimensions for Autocomplete clear and popup indicators Signed-off-by: NSTKrishna --- src/theme/components.ts | 2 ++ src/theme/components/autocomplete.modifier.ts | 18 ++++++++++++++++++ 2 files changed, 20 insertions(+) create mode 100644 src/theme/components/autocomplete.modifier.ts diff --git a/src/theme/components.ts b/src/theme/components.ts index 3e5d56143..d7828c6aa 100644 --- a/src/theme/components.ts +++ b/src/theme/components.ts @@ -1,4 +1,5 @@ import { Components, Theme } from '@mui/material'; +import { MuiAutocomplete } from './components/autocomplete.modifier'; import { MuiAppBar } from './components/appbar.modifiter'; import { MuiButton } from './components/button.modifier'; import { MuiButtonGroup } from './components/buttongroup.modifier'; @@ -23,6 +24,7 @@ import { MuiTabs } from './components/tabs.modifier'; import { MuiTooltip } from './components/tooltip.modifier'; export const components: Components = { + MuiAutocomplete, MuiAppBar, MuiCard, MuiCheckbox, diff --git a/src/theme/components/autocomplete.modifier.ts b/src/theme/components/autocomplete.modifier.ts new file mode 100644 index 000000000..6a16bc095 --- /dev/null +++ b/src/theme/components/autocomplete.modifier.ts @@ -0,0 +1,18 @@ +import { Theme, Components } from '@mui/material'; + +export const MuiAutocomplete: Components['MuiAutocomplete'] = { + styleOverrides: { + clearIndicator: { + boxShadow: 'none', + width: 28, + height: 28, + borderRadius: '50%' + }, + popupIndicator: { + boxShadow: 'none', + width: 28, + height: 28, + borderRadius: '50%' + } + } +}; From f4fcd6352ada1c192dc11be336474a1f0e8c72ba Mon Sep 17 00:00:00 2001 From: NSTKrishna Date: Wed, 1 Jul 2026 19:11:02 +0530 Subject: [PATCH 2/3] Update autocomplete.modifier.ts Signed-off-by: NSTKrishna --- src/theme/components/autocomplete.modifier.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/theme/components/autocomplete.modifier.ts b/src/theme/components/autocomplete.modifier.ts index 6a16bc095..256429881 100644 --- a/src/theme/components/autocomplete.modifier.ts +++ b/src/theme/components/autocomplete.modifier.ts @@ -6,12 +6,14 @@ export const MuiAutocomplete: Components['MuiAutocomplete'] = { boxShadow: 'none', width: 28, height: 28, + padding: 0, borderRadius: '50%' }, popupIndicator: { boxShadow: 'none', width: 28, height: 28, + padding: 0, borderRadius: '50%' } } From 7aab1c0900cfcd66ac15a12f4a12cac5d3bc3cfa Mon Sep 17 00:00:00 2001 From: Lee Calcote Date: Wed, 1 Jul 2026 12:58:55 -0500 Subject: [PATCH 3/3] Apply suggestions from code review Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> Signed-off-by: Lee Calcote --- src/theme/components/autocomplete.modifier.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/theme/components/autocomplete.modifier.ts b/src/theme/components/autocomplete.modifier.ts index 256429881..f19d6ae65 100644 --- a/src/theme/components/autocomplete.modifier.ts +++ b/src/theme/components/autocomplete.modifier.ts @@ -1,4 +1,4 @@ -import { Theme, Components } from '@mui/material'; +import { Components, Theme } from '@mui/material'; export const MuiAutocomplete: Components['MuiAutocomplete'] = { styleOverrides: {