From b48fd94e4f99d1483ddab04d235aa031b37ebecc Mon Sep 17 00:00:00 2001
From: Jeff <jeff.sagal@briteweb.com>
Date: Wed, 15 Aug 2018 17:00:20 -0700
Subject: [PATCH] add codepen theme fix templating pen height

---
 docs/.vuepress/components/CodePen.vue  | 2 +-
 docs/docs/digging-deeper/templating.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/.vuepress/components/CodePen.vue b/docs/.vuepress/components/CodePen.vue
index 54e8801..d7ae40a 100644
--- a/docs/.vuepress/components/CodePen.vue
+++ b/docs/.vuepress/components/CodePen.vue
@@ -1,6 +1,6 @@
 <template>
   <p :data-height="height"
-     data-theme-id="dark"
+     data-theme-id="32252"
      :data-slug-hash="url"
      data-default-tab="result"
      data-user="sagalbot"
diff --git a/docs/docs/digging-deeper/templating.md b/docs/docs/digging-deeper/templating.md
index 4c874ed..69ced1e 100644
--- a/docs/docs/digging-deeper/templating.md
+++ b/docs/docs/digging-deeper/templating.md
@@ -14,4 +14,4 @@ vue-select provides the scoped `option` slot in order to create custom dropdown
 Using the `option` slot with `slot-scope="option"` gives the 
 provides the current option variable to the template.
 
-<CodePen url="NXBwYG" height="50"/>
+<CodePen url="NXBwYG" height="500"/>