UX: More border radius application (#32892)

jordanvidrine · web-flow · commit 199e120e2079 · 2025-05-23T13:54:37.000-05:00
diff --git a/app/assets/stylesheets/common/base/sidebar-section-link.scss b/app/assets/stylesheets/common/base/sidebar-section-link.scss
@@ -22,6 +22,7 @@
     align-items: center;
     color: var(--d-sidebar-link-color);
     transition: background-color 0.25s;
+    border-radius: var(--d-border-radius);
 
     &:focus-visible,
     &:hover {
@@ -129,6 +130,11 @@
     }
   }
 
+  &.dropdown-menu__item .sidebar-section-link,
+  .dropdown-menu__item .sidebar-section-link {
+    border-radius: 0;
+  }
+
   .--link-button {
     border: none;
     background: inherit;
diff --git a/app/assets/stylesheets/common/select-kit/select-kit.scss b/app/assets/stylesheets/common/select-kit/select-kit.scss
@@ -37,7 +37,7 @@
       flex-direction: column;
       align-items: center;
       justify-content: center;
-      border-radius: 0;
+      border-radius: var(--d-border-radius);
       border: 1px solid var(--primary-low);
       box-shadow: var(--shadow-dropdown);
       background: var(--secondary);
