Adjust Dropdown List Layout

src/app/components/dropdown/dropdown.scss

@@ -51,7 +51,6 @@ $dropdown_animation_duration: 0.2s;
 
   .placeholder {
     white-space: nowrap;
-    overflow: hidden;
     text-overflow: ellipsis;
     margin-right: auto;
 
@@ -75,18 +74,29 @@ $dropdown_animation_duration: 0.2s;
   top: calc(100% + 4px);
   left: 0;
   width: 100%;
-  padding: 4px 0;
+  padding: 0;
   margin: 0;
   list-style: none;
   background-color: $dropdown_bg;
-  border: 1px solid $dropdown_border_color;
   border-radius: $dropdown_border_radius;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   z-index: 1000;
   max-height: 200px;
   overflow-y: auto;
   animation: slideIn $dropdown_animation_duration $dropdown_animation_timing;
 
+  &::after {
+    display: inline-block;
+
+    content: "";
+    box-shadow: 0 0 0 1px $dropdown_border_color inset;
+    pointer-events: none;
+    z-index: 1001;
+
+    position: absolute;
+    top: 0; left: 0; bottom: 0; right: 0;
+    border-radius: $dropdown_border_radius;
+  }
+
   @keyframes slideIn {
     from {
       opacity: 0;
@@ -100,7 +110,10 @@ $dropdown_animation_duration: 0.2s;
 }
 
 .dropdown-item {
-  padding: 8px list.nth($dropdown_padding, 2);
+  display: flex;
+  align-items: center;
+  height: 40px;
+  padding: 0 16px;
   transition: background-color $dropdown_animation_duration $dropdown_animation_timing;
 
   &:hover, &.focused {