From 98329f1b79bf166901719a984c2c32fe66049e2b Mon Sep 17 00:00:00 2001
From: Jon Graft <849817+FlyersPh9@users.noreply.github.com>
Date: Fri, 10 Jul 2026 12:38:23 -0400
Subject: [PATCH] Initial commit

---
 .changeset/icy-planets-thank.md                        |  6 ++++++
 .../src/input-container/input-container.scss           | 10 ++++++++++
 2 files changed, 16 insertions(+)
 create mode 100644 .changeset/icy-planets-thank.md

diff --git a/.changeset/icy-planets-thank.md b/.changeset/icy-planets-thank.md
new file mode 100644
index 00000000000..b219073a322
--- /dev/null
+++ b/.changeset/icy-planets-thank.md
@@ -0,0 +1,6 @@
+---
+'@itwin/itwinui-css': patch
+'@itwin/itwinui-react': patch
+---
+
+Fix input flex container to now use consistent font sizing.
diff --git a/packages/itwinui-css/src/input-container/input-container.scss b/packages/itwinui-css/src/input-container/input-container.scss
index 502183ea747..9bd787081f9 100644
--- a/packages/itwinui-css/src/input-container/input-container.scss
+++ b/packages/itwinui-css/src/input-container/input-container.scss
@@ -123,6 +123,7 @@
   --_iui-input-border-color: var(--iui-color-border-foreground);
   --_iui-input-accent-border-color: var(--iui-color-border-accent);
   --_iui-input-text-color: var(--iui-color-text);
+  --_iui-input-font-size: var(--iui-font-size-1);
   --_iui-input-padding-block: var(--iui-size-2xs);
   --_iui-input-min-height: var(--iui-component-height);
 
@@ -131,6 +132,7 @@
   background-color: var(--_iui-input-background-color);
   border-radius: var(--iui-border-radius-1);
   color: var(--_iui-input-text-color);
+  font-size: var(--_iui-input-font-size);
   position: relative;
   block-size: var(--_iui-input-min-height);
   inline-size: 100%;
@@ -140,6 +142,14 @@
   line-height: var(--iui-size-l);
   padding-inline: 1px; // To account for the left and right edges of the 1px border
 
+  &:where([data-iui-size='small']) {
+    --_iui-input-font-size: var(--iui-font-size-0);
+  }
+
+  &:where([data-iui-size='large']) {
+    --_iui-input-font-size: var(--iui-font-size-2);
+  }
+
   // Adding before pseudo-element to make inner elements more centered
   &::before {
     content: '';