From bd872807e2fb6d7279ae60aebf7e34b46a5c43e2 Mon Sep 17 00:00:00 2001
From: alena <plx112@homyk.space>
Date: Thu, 12 Feb 2026 13:58:07 +0300
Subject: [PATCH] js_fix

---
 src/main.js                     | 2 +-
 src/styles/components/field.css | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/main.js b/src/main.js
index 7885142..78ea6dc 100644
--- a/src/main.js
+++ b/src/main.js
@@ -16,7 +16,7 @@ class Todo {
     }
 
     stateClasses = {
-        isVisible: 'is-visible', 
+        isVisible: 'is-visiable', 
         isDisappearing: 'is-disappearing',
     }
 
diff --git a/src/styles/components/field.css b/src/styles/components/field.css
index 8a93b68..f49919f 100644
--- a/src/styles/components/field.css
+++ b/src/styles/components/field.css
@@ -25,12 +25,14 @@
     border: var(--border);
     border-radius: var(--border-radius);
 
-    &:hover, &:focus {
+    &:hover, 
+    &:focus {
         color: var(--color-dark-2);
+        border-color: var(--color-dark-2);
     }
 
     &:focus {
-        background-color: var(--colorgray-1);
+        background-color: var(--color-gray-1);
         outline: none;
     }
 
@@ -39,7 +41,7 @@
             padding-right: calc(
                 var(--fieldInputPaddingX)*2+var(--fieldSearchInputIconSize)
             );
-            background-color: url('/src/icons/Search.svg');
+            background-image: url('/src/icons/Search.svg');
             background-position: calc(100% - var(--fieldInputPaddingX)) 50%;
             background-size: var(--fieldSearchInputIconSize);
             background-repeat: no-repeat;