diff --git a/.changeset/lazy-actors-divide.md b/.changeset/lazy-actors-divide.md
new file mode 100644
index 0000000000..0e0a3f57a3
--- /dev/null
+++ b/.changeset/lazy-actors-divide.md
@@ -0,0 +1,5 @@
+---
+"@lynx-js/web-elements": patch
+---
+
+fix: x-input display should add !important to avoid override
diff --git a/packages/web-platform/web-elements/src/XInput/x-input.css b/packages/web-platform/web-elements/src/XInput/x-input.css
index 3225beadc1..34e097c551 100644
--- a/packages/web-platform/web-elements/src/XInput/x-input.css
+++ b/packages/web-platform/web-elements/src/XInput/x-input.css
@@ -4,7 +4,7 @@
 // LICENSE file in the root directory of this source tree.
 */
 x-input {
-  display: contents;
+  display: contents !important;
   font-size: 14px;
 }