diff --git a/docs/_tutorials/phrases4.html b/docs/_tutorials/phrases4.html
index 5718749..4982d0a 100644
--- a/docs/_tutorials/phrases4.html
+++ b/docs/_tutorials/phrases4.html
@@ -37,7 +37,7 @@ <h2>Recursion</h2>
 <h2>Modifying and Extending</h2>
 We have now covered the basics of ISHML's phrases and templates and introduced most of built-in prefixes and suffixes, which should cover the majority of your text generation needs. Occasionally, you may want to use a custom function to modify the results of a phrase.  Listing 5 introduces the <code>.modify</code> suffix.
 
-<span class="badge badge-info">Listing 5</span>
+<span class="badge badge-info shadow">Listing 5</span>
 <iframe id="listing4" width="100%" height="400" scrolling="no" src="//jsfiddle.net/bikibird/5od3v4Le/embedded/js,result/?fontColor=ffffff&menuColor=17a2b8" frameborder="0" class="rounded shadow wrap" title="Listing 5"></iframe>