diff --git a/package.json b/package.json
index 6be8a8607..c1c6b7f7d 100644
--- a/package.json
+++ b/package.json
@@ -141,7 +141,8 @@
             }
           ]
         }
-      ]
+      ],
+      "no-warning-comments": "off"
     }
   },
   "jest": {
diff --git a/src/components/text-input.tsx b/src/components/text-input.tsx
index 9b278c715..7129b6168 100644
--- a/src/components/text-input.tsx
+++ b/src/components/text-input.tsx
@@ -22,7 +22,7 @@ const innerClass = css`
     outline: none;
   }
 
-  &${clsx('.', hasFocusedClass)}:invalid {
+  &.${hasFocusedClass}:invalid {
     border-bottom-color: red;
     box-shadow: none;
   }