diff --git a/assets/customize.scss b/assets/customize.scss
index b5a0f33f..f31c8f03 100644
--- a/assets/customize.scss
+++ b/assets/customize.scss
@@ -40,15 +40,16 @@ a.github-profile {
     text-align: center;
   }
 }
-.mtf-wiki {
-  span:nth-child(1),
-  span:nth-child(4) {
+.mtf-wiki > {
+  .c1 {
     color: #5bcefa;
   }
-  span:nth-child(2),
-  span:nth-child(3) {
+  .c2 {
     color: #f6a8b8;
   }
+  .dot {
+    color: #ccc;
+  }
 }
 .doctor-story {
   display: inline !important;
diff --git a/layouts/shortcodes/mtf-wiki.html b/layouts/shortcodes/mtf-wiki.html
index 9dab13cf..6b84a36d 100644
--- a/layouts/shortcodes/mtf-wiki.html
+++ b/layouts/shortcodes/mtf-wiki.html
@@ -1 +1 @@
-<span class="mtf-wiki"><span>M</span><span>t</span>F <span>Wi</span><span>ki</span></span>
\ No newline at end of file
+<span class="mtf-wiki" title="MtF.wiki"><span class="c1">M</span><span class="c2">t</span>F<span class="dot">.</span><span class="c2">wi</span><span class="c1">ki</span></span>
\ No newline at end of file