From e5ea4621e209f8fe73ee24b41f52492222491621 Mon Sep 17 00:00:00 2001
From: Manabu Matsumoto <mmatsumoto1026@gmail.com>
Date: Wed, 3 Jan 2024 02:02:59 +0900
Subject: [PATCH] fix(curriculum): match the solution code with original demo
 (#52728)

---
 .../build-a-pokemon-search-app.md                        | 6 +++++-
 .../build-a-roman-numeral-converter.md                   | 9 ++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/build-a-pokemon-search-app-project/build-a-pokemon-search-app.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/build-a-pokemon-search-app-project/build-a-pokemon-search-app.md
index 9f300bbfbf8..0df1768f07a 100644
--- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/build-a-pokemon-search-app-project/build-a-pokemon-search-app.md
+++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/build-a-pokemon-search-app-project/build-a-pokemon-search-app.md
@@ -521,6 +521,11 @@ label {
   align-self: center;
 }
 
+#search-input:focus-visible,
+#search-button:focus-visible {
+  outline: 3px solid #198eee;
+}
+
 #search-input {
   height: 40px;
   padding-left: 10px;
@@ -534,7 +539,6 @@ label {
   text-align: center;
   background-color: #7f21ab;
   color: #f5f6f7;
-  outline: none;
   border: none;
 }
 
diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/build-a-roman-numeral-converter-project/build-a-roman-numeral-converter.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/build-a-roman-numeral-converter-project/build-a-roman-numeral-converter.md
index b84203cfa14..46e301fc5ec 100644
--- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/build-a-roman-numeral-converter-project/build-a-roman-numeral-converter.md
+++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/build-a-roman-numeral-converter-project/build-a-roman-numeral-converter.md
@@ -230,6 +230,7 @@ assert.strictEqual(outputEl.innerText.trim(), 'MMMCMXCIX');
   --gray-75: #3b3b4f;
   --gray-85: #1b1b32;
   --gray-90: #0a0a23;
+  --blue-50: #198eee;
   --error: #a94442;
   --danger-color: #850000;
   --danger-background: #ffadad;
@@ -296,6 +297,11 @@ label {
   font-weight: bold;
 }
 
+input:focus-visible,
+button:focus-visible {
+  outline: 3px solid var(--blue-50);
+}
+
 input {
   display: block;
   font-size: 2.5rem;
@@ -307,12 +313,9 @@ input {
   color: white;
   background-color: var(--gray-90);
   border: 1px solid var(--gray-05);
-  outline: none;
-  outline-style: none;
 }
 
 button {
-  outline: none;
   cursor: pointer;
   margin-top: 15px;
   text-decoration: none;