fix(connections): adjust status marker position CLOUDP-289203 (#6585)

adjust status marker position to bottom right corner
mongodb-js · Jan 2, 2025 · 4271437 · 4271437
1 parent 9f7f9d9
commit 4271437
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/compass-connections-navigation/src/with-status-marker.tsx b/packages/compass-connections-navigation/src/with-status-marker.tsx
@@ -106,8 +106,9 @@ const withStatusMarkerStyles = css({
 const withStatusMarkerMarkerStyles = css({
   position: 'absolute',
   display: 'flex',
-  right: `-${spacing[50]}px`,
-  bottom: `-${spacing[50]}px`,
+  // Shows the marker in the bottom right corner of the parent element
+  right: '0px',
+  bottom: '0px',
 });
 
 export function WithStatusMarker({