fix: Add a fix for minor UI / a11y issues (#4905)

app/javascript/dashboard/components/layout/Sidebar.vue

@@ -191,6 +191,7 @@ export default {
   display: flex;
   min-height: 0;
   height: 100%;
+  width: fit-content;
 }
 </style>
 

app/javascript/dashboard/components/layout/sidebarComponents/AccountContext.vue

@@ -83,7 +83,7 @@ export default {
   border-bottom-right-radius: var(--border-radius-normal);
   display: flex;
   height: 100%;
-  justify-content: end;
+  justify-content: flex-end;
   opacity: 1;
   position: absolute;
   right: 0;

app/javascript/dashboard/components/layout/sidebarComponents/SecondaryChildNavItem.vue

@@ -146,6 +146,7 @@ $label-badge-size: var(--space-slab);
   height: $label-badge-size;
   min-width: $label-badge-size;
   margin-left: var(--space-smaller);
+  border: 1px solid var(--color-border-light);
 }
 
 .badge.secondary {