diff --git a/basics-10-styling-starting-setup/index.html b/basics-10-styling-starting-setup/index.html
index e56d6af..11c9a5f 100644
--- a/basics-10-styling-starting-setup/index.html
+++ b/basics-10-styling-starting-setup/index.html
@@ -16,9 +16,9 @@
         <h1>Vue Dynamic Styling</h1>
     </header>
     <section id="styling">
-        <div class="demo" @click="boxSelected('A')"></div>
-        <div class="demo" @click="boxSelected('B')"></div>
-        <div class="demo" @click="boxSelected('C')"></div>
+        <div class="demo" :class="{active: boxASelected}" @click="boxSelected('A')"></div>
+        <div class="demo" :class="{active: boxBSelected}" @click="boxSelected('B')"></div>
+        <div class="demo" :class="{active: boxCSelected}" @click="boxSelected('C')"></div>
     </section>
 </body>