The dropdown menu in the Common Dashboard and Tickets Dashboard has several UI issues compared to the dropdown used in the Talk Component.

Issues:

1. Invisible icons

   • The icons inside the dropdown are using a color that makes them barely visible or fully invisible.
   • Icons must use a visible, consistent color.

2. Excessive spacing

   • The vertical spacing between menu items is significantly larger than in the Talk Component dropdown.
   • Spacing should be reduced to match the Talk Component style.

3. Inconsistent design (triangle pointer)

   • The dashboard dropdown uses a centered triangle pointer at the top, which is not used in the Talk Component.
   • This creates a visual inconsistency across components.

Expected Behavior

• Dropdown menu should visually match the dropdown styling used in the Talk Component. However keep the blue color for now.
• Icons must be visible and use the same style/color as the Talk Component’s public pages.
• Menu item spacing should be tightened to match Talk Component spacing.
• Dropdown should not use the triangle pointer if the unified design does not include it.

Current Behavior

• Icons are invisible due to incorrect color.
• Menu item spacing is too large.
• Dropdown design diverges from the unified styling pattern found in the Talk Component.

Tasks

• Update icon color to ensure visibility (match Talk Component style).
• Reduce vertical spacing between dropdown menu items.
• Remove or adjust the triangle pointer to align with unified UI design.
• Ensure the final dropdown design matches the Talk Component’s dropdown.
• Test visual consistency across Common Dashboard, Tickets Dashboard, and Talk Component.