diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index c362c1f094c2fd2c9aeec86ced7c4859df747b95..dc62bef97fd79b1928ffc618ec87766b62aa7ac9 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 a96849d5f52450bb4a4942b737bdc081015b9ba6..ea340007c9cfce7798ff6c51ae5396d84452795b 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 {