diff --git a/.changeset/kind-dolphins-listen.md b/.changeset/kind-dolphins-listen.md
new file mode 100644
index 000000000..77ae0ad11
--- /dev/null
+++ b/.changeset/kind-dolphins-listen.md
@@ -0,0 +1,5 @@
+---
+"@heroui/theme": patch
+---
+
+Fixed the clear button rendering for smaller devices (#5069)
diff --git a/packages/core/theme/src/components/input.ts b/packages/core/theme/src/components/input.ts
index 91652b6b1..922c62323 100644
--- a/packages/core/theme/src/components/input.ts
+++ b/packages/core/theme/src/components/input.ts
@@ -61,7 +61,6 @@ const input = tv({
       "outline-none",
       "select-none",
       "opacity-0",
-      "hover:!opacity-100",
       "cursor-pointer",
       "active:!opacity-70",
       "rounded-full",
@@ -143,13 +142,13 @@ const input = tv({
       md: {
         inputWrapper: "h-10 min-h-10 rounded-medium",
         input: "text-small",
-        clearButton: "text-large",
+        clearButton: "text-large hover:!opacity-100",
       },
       lg: {
         label: "text-medium",
         inputWrapper: "h-12 min-h-12 rounded-large",
         input: "text-medium",
-        clearButton: "text-large",
+        clearButton: "text-large hover:!opacity-100",
       },
     },
     radius: {