fix(visualization): make color metric dropdown consistently anchor right

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: christian-huehn-mw

visualization/CHANGELOG.md

@@ -20,6 +20,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/)
 - Bump Angular Version from 18 to 20 this might lead to smaller issues in the design. We will fix those as soon as we notice them.
 
 ### Fixed 🐞
+- Fix color metric dropdown inconsistently anchoring left when edge metrics are present
 - replace material design of color picker, gradiant selector in color metric options and legend block with DaisyUI.
 - Node tooltip' attribute side bar migrated to daisyUI
 ## [1.137.0] - 2025-10-09

visualization/app/codeCharta/ui/ribbonBar/ribbonBar.component.scss

@@ -20,7 +20,8 @@ cc-ribbon-bar-panel {
         right: auto;
     }
 
-    &:last-child cc-ribbon-bar-panel-settings {
+    &:last-child cc-ribbon-bar-panel-settings,
+    &#color-metric-card cc-ribbon-bar-panel-settings {
         left: auto;
         right: 0;
     }