diff --git a/package.json b/package.json
index f99fb334..05352b0e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "ledfx",
- "version": "2.0.87",
+ "version": "2.0.88",
"description": "LedFx v2 - BladeMOD",
"author": "YeonV aka Blade",
"private": true,
@@ -28,6 +28,7 @@
"chart.js": "4.4.1",
"color": "^4.2.3",
"crypto": "^1.0.1",
+ "deep-object-diff": "^1.1.9",
"electron-is-dev": "^2.0.0",
"electron-squirrel-startup": "^1.0.0",
"electron-store": "^8.1.0",
diff --git a/src/components/Dialogs/EffectTypeDialog.tsx b/src/components/Dialogs/EffectTypeDialog.tsx
index faaa6499..093aab4f 100644
--- a/src/components/Dialogs/EffectTypeDialog.tsx
+++ b/src/components/Dialogs/EffectTypeDialog.tsx
@@ -6,9 +6,10 @@ import {
ToggleButton,
ToggleButtonGroup,
Typography
+ // useTheme
} from '@mui/material'
import { useMemo, useState } from 'react'
-import { Search } from '@mui/icons-material'
+import { ArrowDropDown, Search } from '@mui/icons-material'
import useStore from '../../store/useStore'
import { EffectDropDownProps } from '../SchemaForm/components/DropDown/DropDown.props'
import useStyles from '../SchemaForm/components/DropDown/DropDown.styles'
@@ -30,6 +31,7 @@ const EffectTypeDialog = ({
}
const classes = useStyles()
+ // const theme = useTheme()
const [formats, setFormats] = useState(
() => groups && Object.keys(groups).map((c) => c || [])
)
@@ -74,14 +76,37 @@ const EffectTypeDialog = ({
onClick={() => setDialogOpen(true)}
style={{
cursor: 'pointer',
- marginBottom: 0
+ marginBottom: 0,
+ display: 'flex',
+ flexDirection: 'row',
+ alignItems: 'center',
+ justifyContent: 'space-between',
+ padding: 0
}}
>
{yoptAll.find((o) => o.value === value)?.label || ''}
+