diff --git a/challenges/01-responsive-web-design/applied-visual-design.json b/challenges/01-responsive-web-design/applied-visual-design.json
index 7ac3e4b645..dec18834b0 100644
--- a/challenges/01-responsive-web-design/applied-visual-design.json
+++ b/challenges/01-responsive-web-design/applied-visual-design.json
@@ -2081,7 +2081,9 @@
         "  button:hover {",
         "    animation-name: background-color;",
         "    animation-duration: 500ms;",
+        "    /* add your code below this line */",
         "    ",
+        "    /* add your code above this line */",
         "  }",
         "  @keyframes background-color {",
         "    100% {",
@@ -2092,7 +2094,7 @@
         "<button>Register</button>"
       ],
       "tests": [
-        "assert(code.match(/button:hover\\s*?{\\s*?animation-name:\\s*?background-color;\\s*?animation-duration:\\s*?500ms;\\s*?animation-fill-mode:\\s*?forwards;\\s*?}/gi), 'message: <code>button:hover</code> should have a <code>animation-fill-mode</code> property with a value of <code>forwards</code>.');"
+        "assert(code.match(/button\\s*?:\\s*?hover\\s*?{[\\s\\S]*animation-fill-mode\\s*?:\\s*?forwards\\s*?;[\\s\\S]*}/gi) && code.match(/button\\s*?:\\s*?hover\\s*?{[\\s\\S]*animation-name\\s*?:\\s*?background-color\\s*?;[\\s\\S]*}/gi) && code.match(/button\\s*?:\\s*?hover\\s*?{[\\s\\S]*animation-duration\\s*?:\\s*?500ms\\s*?;[\\s\\S]*}/gi), 'message: <code>button:hover</code> should khave a <code>animation-fill-mode</code> property with a value of <code>forwards</code>.');"
       ],
       "solutions": [],
       "hints": [],