diff --git a/frontend/__tests__/unit/components/ToggleableList.test.tsx b/frontend/__tests__/unit/components/ToggleableList.test.tsx
index 8fc10860cb..b9a4b6d4e7 100644
--- a/frontend/__tests__/unit/components/ToggleableList.test.tsx
+++ b/frontend/__tests__/unit/components/ToggleableList.test.tsx
@@ -169,7 +169,7 @@ describe('ToggleableList', () => {
expect(header).toHaveClass('mb-4', 'text-2xl', 'font-semibold')
})
- it('applies correct CSS to button items', () => {
+ it('applies correct CSS to button items (no underline, no transition, only hover background)', () => {
const randomItems = ['React', 'Vue', 'Angular']
render()
const button = screen.getByText('React')
@@ -180,14 +180,16 @@ describe('ToggleableList', () => {
'px-3',
'py-1',
'text-sm',
- 'transition-all',
- 'duration-200',
- 'ease-in-out',
- 'hover:scale-105',
'hover:bg-gray-200',
- 'hover:underline',
'dark:border-gray-300',
'dark:hover:bg-gray-700'
)
+ expect(button).not.toHaveClass(
+ 'hover:underline',
+ 'transition-all',
+ 'duration-200',
+ 'ease-in-out',
+ 'hover:scale-105'
+ )
})
})
diff --git a/frontend/src/components/ToggleableList.tsx b/frontend/src/components/ToggleableList.tsx
index 9311a68c0d..caf7ce1e01 100644
--- a/frontend/src/components/ToggleableList.tsx
+++ b/frontend/src/components/ToggleableList.tsx
@@ -37,7 +37,7 @@ const ToggleableList = ({
{(showAll ? items : items.slice(0, limit)).map((item, index) => (