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"/>