diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index c362c1f09..dc62bef97 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -1679,6 +1679,7 @@ input[type="color"].input-small {
 
 .input-group {
   display: table;
+  border-collapse: separate;
 }
 
 .input-group.col {
diff --git a/less/forms.less b/less/forms.less
index a96849d5f..ea340007c 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -291,6 +291,7 @@ input[type="color"] {
 // -------------------------
 .input-group {
   display: table;
+  border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
 
   // Undo padding and float of grid classes
   &.col {