diff --git a/src/components/Input.tsx b/src/components/Input.tsx
index 113aea6..fa673d9 100644
--- a/src/components/Input.tsx
+++ b/src/components/Input.tsx
@@ -49,7 +49,7 @@ const Input: Component<InputProps> = (props) => {
       class={cx(
         'flex flex-row items-center gap-2 min-h-[1em] px-3 py-1.5',
         mProps.variant === 'normal' &&
-          'rounded-sm bg-neutral text-on-neutral aria-disabled:cursor-not-allowed aria-disabled:bg-neutral-disabled aria-disabled:text-on-neutral-disabled disabled:bg-neutral-disabled disabled:text-on-neutral-disabled',
+          'rounded-sm bg-neutral text-on-neutral aria-disabled:cursor-not-allowed aria-disabled:text-neutral-disabled',
         mProps.variant === 'underlined' &&
           'border-b border-solid pb-[calc(var(--spacing)*1.5-1px)] border-on-surface text-on-surface aria-disabled:border-neutral-disabled aria-disabled:text-neutral-disabled',
         mProps.variant === 'immersive' && 'text-on-surface aria-disabled:text-neutral-disabled',
@@ -62,7 +62,10 @@ const Input: Component<InputProps> = (props) => {
         placeholder={mProps.placeholder}
         disabled={mProps.disabled}
         value={internalValue()}
-        class={cx('min-h-[1em] grow focus:outline-none placeholder:italic', mProps.inputClass)}
+        class={cx(
+          'min-h-[1em] grow focus:outline-none placeholder:italic disabled:text-neutral-disabled',
+          mProps.inputClass,
+        )}
         onInput={handleInput}
       />
       <Show when={isNotNil(mProps.right)}>{mProps.right}</Show>