diff --git a/packages/devextreme/scss/widgets/fluent/common/_mixins.scss b/packages/devextreme/scss/widgets/fluent/common/_mixins.scss
index dd5a2ac1f538..520129dc8a2e 100644
--- a/packages/devextreme/scss/widgets/fluent/common/_mixins.scss
+++ b/packages/devextreme/scss/widgets/fluent/common/_mixins.scss
@@ -26,11 +26,13 @@ $badge-invalid-bg: $base-invalid-color;
 @mixin badge-settings() {
   pointer-events: none;
   position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   top: 50%;
   margin-top: math.div(-$fluent-invalid-badge-size, 2);
   width: $fluent-invalid-badge-size;
   height: $fluent-invalid-badge-size;
-  text-align: center;
   line-height: $fluent-invalid-badge-size + 1;
   font-size: $fluent-base-font-size;
 }
diff --git a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox active stylingMode=outlined isValid=false (fluent-blue-light).png b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox active stylingMode=outlined isValid=false (fluent-blue-light).png
index a0877b5f5465..c6d1055ac136 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox active stylingMode=outlined isValid=false (fluent-blue-light).png and b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox active stylingMode=outlined isValid=false (fluent-blue-light).png differ
diff --git a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox active stylingMode=outlined isValid=false (fluent-blue-light-compact).png b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox active stylingMode=outlined isValid=false (fluent-blue-light-compact).png
index da763ca79070..2c03c2327a22 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox active stylingMode=outlined isValid=false (fluent-blue-light-compact).png and b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox active stylingMode=outlined isValid=false (fluent-blue-light-compact).png differ
diff --git a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox disabled stylingMode=outlined isValid=false (fluent-blue-light).png b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox disabled stylingMode=outlined isValid=false (fluent-blue-light).png
index a84ae890ef9b..098f4e12c335 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox disabled stylingMode=outlined isValid=false (fluent-blue-light).png and b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox disabled stylingMode=outlined isValid=false (fluent-blue-light).png differ
diff --git a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox disabled stylingMode=outlined isValid=false (fluent-blue-light-compact).png b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox disabled stylingMode=outlined isValid=false (fluent-blue-light-compact).png
index 2d648d305dd1..ad40407e11a3 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox disabled stylingMode=outlined isValid=false (fluent-blue-light-compact).png and b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox disabled stylingMode=outlined isValid=false (fluent-blue-light-compact).png differ
diff --git a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox focused stylingMode=outlined isValid=false (fluent-blue-light).png b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox focused stylingMode=outlined isValid=false (fluent-blue-light).png
index 766ef8652049..4da73f71da38 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox focused stylingMode=outlined isValid=false (fluent-blue-light).png and b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox focused stylingMode=outlined isValid=false (fluent-blue-light).png differ
diff --git a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox focused stylingMode=outlined isValid=false (fluent-blue-light-compact).png b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox focused stylingMode=outlined isValid=false (fluent-blue-light-compact).png
index 59b4a88b9e0d..1711d6fd504b 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox focused stylingMode=outlined isValid=false (fluent-blue-light-compact).png and b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox focused stylingMode=outlined isValid=false (fluent-blue-light-compact).png differ
diff --git a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox readonly stylingMode=outlined isValid=false (fluent-blue-light).png b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox readonly stylingMode=outlined isValid=false (fluent-blue-light).png
index b0556fff7e49..c60d8a04c874 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox readonly stylingMode=outlined isValid=false (fluent-blue-light).png and b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox readonly stylingMode=outlined isValid=false (fluent-blue-light).png differ
diff --git a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox readonly stylingMode=outlined isValid=false (fluent-blue-light-compact).png b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox readonly stylingMode=outlined isValid=false (fluent-blue-light-compact).png
index cd5aa032a6b7..a74d9fa6ec0b 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox readonly stylingMode=outlined isValid=false (fluent-blue-light-compact).png and b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox readonly stylingMode=outlined isValid=false (fluent-blue-light-compact).png differ
diff --git a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox stylingMode=outlined isValid=false (fluent-blue-light).png b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox stylingMode=outlined isValid=false (fluent-blue-light).png
index 71f01c14556e..439658582c58 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox stylingMode=outlined isValid=false (fluent-blue-light).png and b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox stylingMode=outlined isValid=false (fluent-blue-light).png differ
diff --git a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox stylingMode=outlined isValid=false (fluent-blue-light-compact).png b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox stylingMode=outlined isValid=false (fluent-blue-light-compact).png
index 75ca9a070b3f..52785bb23fdc 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox stylingMode=outlined isValid=false (fluent-blue-light-compact).png and b/packages/devextreme/testing/testcafe/tests/editors/dateRangeBox/etalons/DateRangeBox stylingMode=outlined isValid=false (fluent-blue-light-compact).png differ
diff --git a/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=filled (fluent-blue-light).png b/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=filled (fluent-blue-light).png
index 044ac72bddaa..788c0e0ea47c 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=filled (fluent-blue-light).png and b/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=filled (fluent-blue-light).png differ
diff --git a/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=outlined (fluent-blue-light).png b/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=outlined (fluent-blue-light).png
index b3733d11464d..dc80c7012817 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=outlined (fluent-blue-light).png and b/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=outlined (fluent-blue-light).png differ
diff --git a/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=underlined (fluent-blue-light).png b/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=underlined (fluent-blue-light).png
index c323050019f3..54a19da01d5a 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=underlined (fluent-blue-light).png and b/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid focused,stylingMode=underlined (fluent-blue-light).png differ
diff --git a/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=filled (fluent-blue-light).png b/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=filled (fluent-blue-light).png
index 9cd3ce25e18f..9abd82881d6f 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=filled (fluent-blue-light).png and b/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=filled (fluent-blue-light).png differ
diff --git a/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=outlined (fluent-blue-light).png b/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=outlined (fluent-blue-light).png
index fda15d853029..6b34e375ad0b 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=outlined (fluent-blue-light).png and b/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=outlined (fluent-blue-light).png differ
diff --git a/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=underlined (fluent-blue-light).png b/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=underlined (fluent-blue-light).png
index 90b18e04512d..1199e2553f6b 100644
Binary files a/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=underlined (fluent-blue-light).png and b/packages/devextreme/testing/testcafe/tests/editors/textBox/etalons/Textbox render invalid,stylingMode=underlined (fluent-blue-light).png differ