diff --git a/.changeset/hip-seals-study.md b/.changeset/hip-seals-study.md
new file mode 100644
index 00000000000..544a4853b89
--- /dev/null
+++ b/.changeset/hip-seals-study.md
@@ -0,0 +1,5 @@
+---
+'@itwin/itwinui-css': patch
+---
+
+`iui-input` with "small" size now has the same height as other field elements with "small" size (e.g. `iui-button`).
diff --git a/.changeset/spotty-gorillas-care.md b/.changeset/spotty-gorillas-care.md
new file mode 100644
index 00000000000..05aaa1213f7
--- /dev/null
+++ b/.changeset/spotty-gorillas-care.md
@@ -0,0 +1,5 @@
+---
+'@itwin/itwinui-react': patch
+---
+
+Inputs (e.g. ` `, ``, etc.) with "small" size now have the same height as other field elements with "small" size (e.g. ``).
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_dark_0_demo-advanced_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_dark_0_demo-advanced_0_desktop.png
index 4091986f7e5..f2c351dd25c 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_dark_0_demo-advanced_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_dark_0_demo-advanced_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_hc_dark_0_demo-advanced_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_hc_dark_0_demo-advanced_0_desktop.png
index 90d38a3ffba..17aea5c1a33 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_hc_dark_0_demo-advanced_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_hc_dark_0_demo-advanced_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_hc_light_0_demo-advanced_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_hc_light_0_demo-advanced_0_desktop.png
index c43fa545a34..61da1402a6e 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_hc_light_0_demo-advanced_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_hc_light_0_demo-advanced_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_light_0_demo-advanced_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_light_0_demo-advanced_0_desktop.png
index a8fb4d0f8b5..f8b5fe6693b 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_light_0_demo-advanced_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_Advanced_light_0_demo-advanced_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_dark_0_demo-advanced-interactions_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_dark_0_demo-advanced-interactions_0_desktop.png
index 7abff054792..aa9970dc5ea 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_dark_0_demo-advanced-interactions_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_dark_0_demo-advanced-interactions_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_hc_dark_0_demo-advanced-interactions_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_hc_dark_0_demo-advanced-interactions_0_desktop.png
index c92c20737e5..f9d0cc21abe 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_hc_dark_0_demo-advanced-interactions_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_hc_dark_0_demo-advanced-interactions_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_hc_light_0_demo-advanced-interactions_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_hc_light_0_demo-advanced-interactions_0_desktop.png
index 3e8ec5a7d6d..04557dd19af 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_hc_light_0_demo-advanced-interactions_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_hc_light_0_demo-advanced-interactions_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_light_0_demo-advanced-interactions_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_light_0_demo-advanced-interactions_0_desktop.png
index f0369b71292..cfe7001575c 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_light_0_demo-advanced-interactions_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_color-picker_State_focus_color_dot_light_0_demo-advanced-interactions_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_dark_0_demo-edit_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_dark_0_demo-edit_0_desktop.png
index ba72e13e6bd..13ccf52974b 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_dark_0_demo-edit_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_dark_0_demo-edit_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_hc_dark_0_demo-edit_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_hc_dark_0_demo-edit_0_desktop.png
index ea48c90a4f4..cbc94ddcb83 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_hc_dark_0_demo-edit_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_hc_dark_0_demo-edit_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_hc_light_0_demo-edit_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_hc_light_0_demo-edit_0_desktop.png
index 8138e415a5d..7d4df806217 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_hc_light_0_demo-edit_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_hc_light_0_demo-edit_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_light_0_demo-edit_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_light_0_demo-edit_0_desktop.png
index 43c9c48dfe4..5ced4c07144 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_light_0_demo-edit_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_information-panel_Type_default_light_0_demo-edit_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_dark_0_demo-no-label_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_dark_0_demo-no-label_0_desktop.png
index c28058626b0..8b747508ff9 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_dark_0_demo-no-label_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_dark_0_demo-no-label_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_hc_dark_0_demo-no-label_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_hc_dark_0_demo-no-label_0_desktop.png
index ba298899e58..4308da825da 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_hc_dark_0_demo-no-label_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_hc_dark_0_demo-no-label_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_hc_light_0_demo-no-label_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_hc_light_0_demo-no-label_0_desktop.png
index 0361cb60569..dcfcc90c594 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_hc_light_0_demo-no-label_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_hc_light_0_demo-no-label_0_desktop.png differ
diff --git a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_light_0_demo-no-label_0_desktop.png b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_light_0_demo-no-label_0_desktop.png
index 4ac009025ba..796402cbfc2 100644
Binary files a/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_light_0_demo-no-label_0_desktop.png and b/apps/css-workshop/backstop/results/bitmaps_reference/iTwinUI_input_Type_Without_Label_light_0_demo-no-label_0_desktop.png differ
diff --git a/apps/react-workshop/cypress-visual-screenshots/baseline/ColorPicker.test.ts-Advanced.png b/apps/react-workshop/cypress-visual-screenshots/baseline/ColorPicker.test.ts-Advanced.png
index 5b88b3c8a1c..946c1e1394c 100755
Binary files a/apps/react-workshop/cypress-visual-screenshots/baseline/ColorPicker.test.ts-Advanced.png and b/apps/react-workshop/cypress-visual-screenshots/baseline/ColorPicker.test.ts-Advanced.png differ
diff --git a/apps/react-workshop/cypress-visual-screenshots/baseline/ColorPicker.test.ts-With Alpha.png b/apps/react-workshop/cypress-visual-screenshots/baseline/ColorPicker.test.ts-With Alpha.png
index e3df5b19ed7..b4fee28adc4 100755
Binary files a/apps/react-workshop/cypress-visual-screenshots/baseline/ColorPicker.test.ts-With Alpha.png and b/apps/react-workshop/cypress-visual-screenshots/baseline/ColorPicker.test.ts-With Alpha.png differ
diff --git a/apps/react-workshop/cypress-visual-screenshots/baseline/InformationPanel.test.ts-Basic.png b/apps/react-workshop/cypress-visual-screenshots/baseline/InformationPanel.test.ts-Basic.png
index bfc908a301c..a49657192b1 100755
Binary files a/apps/react-workshop/cypress-visual-screenshots/baseline/InformationPanel.test.ts-Basic.png and b/apps/react-workshop/cypress-visual-screenshots/baseline/InformationPanel.test.ts-Basic.png differ
diff --git a/apps/react-workshop/cypress-visual-screenshots/baseline/InformationPanel.test.ts-Horizontal.png b/apps/react-workshop/cypress-visual-screenshots/baseline/InformationPanel.test.ts-Horizontal.png
index 7129b302546..dabea381f47 100755
Binary files a/apps/react-workshop/cypress-visual-screenshots/baseline/InformationPanel.test.ts-Horizontal.png and b/apps/react-workshop/cypress-visual-screenshots/baseline/InformationPanel.test.ts-Horizontal.png differ
diff --git a/apps/react-workshop/cypress-visual-screenshots/baseline/Input.test.ts-Small.png b/apps/react-workshop/cypress-visual-screenshots/baseline/Input.test.ts-Small.png
index 99c1b9c0616..b5285e55b21 100755
Binary files a/apps/react-workshop/cypress-visual-screenshots/baseline/Input.test.ts-Small.png and b/apps/react-workshop/cypress-visual-screenshots/baseline/Input.test.ts-Small.png differ
diff --git a/packages/itwinui-css/src/input/input.scss b/packages/itwinui-css/src/input/input.scss
index badcbb4db94..4f78acdd547 100644
--- a/packages/itwinui-css/src/input/input.scss
+++ b/packages/itwinui-css/src/input/input.scss
@@ -4,7 +4,7 @@
@mixin iui-input {
inline-size: 100%;
- line-height: var(--iui-size-l);
+ line-height: var(--_iui-input-line-height, var(--iui-size-l));
appearance: none;
padding-block: var(--_iui-input-padding-block);
padding-inline: var(--iui-size-s);
@@ -33,6 +33,7 @@
@mixin iui-input-size($size: medium) {
@if $size == small {
--_iui-input-padding-block: 0;
+ --_iui-input-line-height: var(--iui-size-m);
}
@if $size == medium {