diff --git a/examples/studies/element-showcase.js b/examples/studies/element-showcase.js
index 096939d..c3cb8b8 100644
--- a/examples/studies/element-showcase.js
+++ b/examples/studies/element-showcase.js
@@ -10,7 +10,7 @@ import NumberScale from '../../library/elements/numberScale.js';
 import OpenEnd from '../../library/elements/openEnd.js';
 import SingleSelect from '../../library/elements/singleSelect.js';
 import ProgressBar from '../../library/plugins/progressBar.js';
-import pageHTML from '../../library/plugins/pageHTML.js';
+import PageHTML from '../../library/plugins/pageHTML.js';
 
 async function runComprehensiveSurvey() {
     const survey = new Survey({
@@ -111,7 +111,7 @@ async function runComprehensiveSurvey() {
 
     const progress = new ProgressBar({ maxPages: 3 });
 
-    const logo = new pageHTML({
+    const logo = new PageHTML({
         id: 'logo',
         content: '<img src="https://roundtable.ai/images/logo-with-text.svg" alt="Company Logo">',
         position: 'top',
diff --git a/examples/studies/enterprise-market-research.js b/examples/studies/enterprise-market-research.js
index 07087c3..dc7cf24 100644
--- a/examples/studies/enterprise-market-research.js
+++ b/examples/studies/enterprise-market-research.js
@@ -3,7 +3,7 @@ import OpenEnd from '../../library/elements/openEnd.js';
 import HTML from '../../library/elements/HTML.js';
 import MultiSelect from '../../library/elements/multiSelect.js';
 import SingleSelect from '../../library/elements/singleSelect.js';
-import NumberScale from '../../library/elements/NumberScale.js';
+import NumberScale from '../../library/elements/numberScale.js';
 import Grid from '../../library/elements/grid.js';
 import NumberEntry from '../../library/elements/numberEntry.js';
 import ProgressBar from '../../library/plugins/progressBar.js';