diff --git a/packages/lib/src/styles/forms/inputStylesByState.tsx b/packages/lib/src/styles/forms/inputStylesByState.tsx
index 5804cc20e2..a6e5f05a32 100644
--- a/packages/lib/src/styles/forms/inputStylesByState.tsx
+++ b/packages/lib/src/styles/forms/inputStylesByState.tsx
@@ -5,27 +5,29 @@ const inputStylesByState = (disabled: boolean, error: boolean, readOnly: boolean
   border-radius: var(--border-radius-s);
   border: ${!disabled && error ? "var(--border-width-m)" : "var(--border-width-s)"} var(--border-style-default)
     ${(() => {
-      if (disabled) return "var(--border-color-neutral-strong)";
+      if (disabled) return "var(--border-color-neutral-lighter)";
       else if (error) return "var(--border-color-error-medium)";
-      else if (readOnly) return "var(--border-color-neutral-strong)";
-      else return "var(--border-color-neutral-dark)";
+      else if (readOnly) return "var(--border-color-neutral-light)";
+      else return "var(--border-color-neutral-strong)";
     })()};
-  ${!disabled
-    ? `&:hover {
+  ${
+    !disabled
+      ? `&:hover {
       border-color: ${
         error
           ? "var(--border-color-error-strong)"
           : readOnly
-            ? "var(--border-color-neutral-stronger)"
+            ? "var(--border-color-neutral-medium)"
             : "var(--border-color-primary-strong)"
       };
     }
     &:focus, &:focus-within {
       border-color: transparent;
       outline-offset: -2px;
-      outline: var(--border-width-m) var(--border-style-default) var(--border-color-secondary-medium);
+      outline: var(--border-width-m) var(--border-style-default) var(--border-color-neutral-dark);
     }`
-    : "cursor: not-allowed;"};
+      : "cursor: not-allowed;"
+  };
 `;
 
 export default inputStylesByState;