diff --git a/s12/src/App.vue b/s12/src/App.vue
index 00db3fd..ccaf6a9 100644
--- a/s12/src/App.vue
+++ b/s12/src/App.vue
@@ -10,7 +10,7 @@
         <div class="row">
             <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
               <h1>Custom Directives</h1>
-              <p v-highlight>Color This</p>
+              <p v-highlight='"red"'>Color This</p>
             </div>
           </div>
     </div>
diff --git a/s12/src/main.js b/s12/src/main.js
index 92f34c3..6b9961d 100644
--- a/s12/src/main.js
+++ b/s12/src/main.js
@@ -3,7 +3,7 @@ import App from './App.vue'
 
 Vue.directive('highlight', {
     bind(el, binding, vnode){
-      el.style.backgroundColor = 'green'
+      el.style.backgroundColor =  binding.value;
 
     }
 })