From 7e2622fe9679969dd195438f5dd7108d2e8991c5 Mon Sep 17 00:00:00 2001
From: Katie Langerman <18661030+langermank@users.noreply.github.com>
Date: Tue, 12 Sep 2023 13:16:34 -0700
Subject: [PATCH] Use `control` border on default btn in an input group (#2520)

* use control border on btn in group

* Create mean-kangaroos-burn.md
---
 .changeset/mean-kangaroos-burn.md |  5 +++++
 src/forms/input-group.scss        | 10 ++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 .changeset/mean-kangaroos-burn.md

diff --git a/.changeset/mean-kangaroos-burn.md b/.changeset/mean-kangaroos-burn.md
new file mode 100644
index 00000000..fc9e1cfa
--- /dev/null
+++ b/.changeset/mean-kangaroos-burn.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Use `control` border on default btn in an input group
diff --git a/src/forms/input-group.scss b/src/forms/input-group.scss
index 01534cb5..abae53b7 100644
--- a/src/forms/input-group.scss
+++ b/src/forms/input-group.scss
@@ -54,6 +54,11 @@
   border-bottom-right-radius: 0;
 }
 
+.input-group .form-control:first-child,
+.input-group-button:first-child .btn:not(.btn-primary) {
+  border-color: var(--control-borderColor-rest, var(--color-border-default));
+}
+
 .input-group-button:first-child .btn {
   // stylelint-disable-next-line primer/spacing
   margin-right: -1px;
@@ -65,6 +70,11 @@
   border-bottom-left-radius: 0;
 }
 
+.input-group .form-control:last-child,
+.input-group-button:last-child .btn:not(.btn-primary) {
+  border-color: var(--control-borderColor-rest, var(--color-border-default));
+}
+
 .input-group-button:last-child .btn {
   // stylelint-disable-next-line primer/spacing
   margin-left: -1px;