1 files changed, 17 insertions, 0 deletions
diff --git a/app/assets/stylesheets/components/ref_selector.scss b/app/assets/stylesheets/components/ref_selector.scss
new file mode 100644
index 00000000000..970a7b967ee
--- /dev/null
+++ b/app/assets/stylesheets/components/ref_selector.scss
@@ -0,0 +1,17 @@
+.ref-selector {
+  & &-dropdown-content {
+    // Setting a max height is necessary to allow the dropdown's content
+    // to control where and how scrollbars appear.
+    // This content is limited to the max-height of the dropdown
+    // ($dropdown-max-height-lg) minus the additional padding
+    // on the top and bottom (2 * $gl-padding-8)
+    max-height: $dropdown-max-height-lg - 2 * $gl-padding-8;
+  }
+
+  .dropdown-menu.show {
+    // Make the dropdown a little wider and longer than usual
+    // since it contains quite a bit of content.
+    width: 20rem;
+    max-height: $dropdown-max-height-lg;
+  }
+}