From dfe96d65be502f06dbb137edf858aafafac7ad57 Mon Sep 17 00:00:00 2001
From: Roy Klutman <r.klutman92@gmail.com>
Date: Wed, 21 Nov 2018 15:00:19 +0100
Subject: [PATCH 1/2] Added radius to .dropdown-item (first- and last-child)

---
 scss/_dropdown.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index ee6f658087ec..c02b48af3976 100644
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -120,6 +120,14 @@
   background-color: transparent; // For `<button>`s
   border: 0; // For `<button>`s
 
+  &:first-child {
+    @include border-top-radius($dropdown-border-radius);
+  }
+
+  &:last-child {
+    @include border-bottom-radius($dropdown-border-radius);
+  }
+
   @include hover-focus {
     color: $dropdown-link-hover-color;
     text-decoration: none;

From baf22e0842c07f974229d7f4306eb480d1112d7f Mon Sep 17 00:00:00 2001
From: Roy Klutman <r.klutman92@gmail.com>
Date: Wed, 21 Nov 2018 19:31:01 +0100
Subject: [PATCH 2/2] Changed to inner radius, fixed the little gap

---
 scss/_dropdown.scss  | 4 ++--
 scss/_variables.scss | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index 7e50c8c65816..93c1d78e95f5 100644
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -137,11 +137,11 @@
   border: 0; // For `<button>`s
 
   &:first-child {
-    @include border-top-radius($dropdown-border-radius);
+    @include border-top-radius($dropdown-inner-border-radius);
   }
 
   &:last-child {
-    @include border-bottom-radius($dropdown-border-radius);
+    @include border-bottom-radius($dropdown-inner-border-radius);
   }
 
   @include hover-focus {
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 1e80254584d0..988624451b0f 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -657,6 +657,7 @@ $dropdown-bg:                       $white !default;
 $dropdown-border-color:             rgba($black, .15) !default;
 $dropdown-border-radius:            $border-radius !default;
 $dropdown-border-width:             $border-width !default;
+$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;
 $dropdown-divider-bg:               $gray-200 !default;
 $dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;