diff --git a/ccp/js/executionformcontroller.js b/ccp/js/executionformcontroller.js
index 8ad3358..d164464 100644
--- a/ccp/js/executionformcontroller.js
+++ b/ccp/js/executionformcontroller.js
@@ -341,7 +341,7 @@ class CCPExecutionForm extends HTMLElement{
             "in" : (e,d)=>{ return Object.values(d.inputs) },
             target : "div",
             apply : (e,d)=>{
-              e.innerHTML = `<d4s-ccp-input name="${d.id}" input='${JSON.stringify(d)}'></d4s-ccp-input>`
+              e.innerHTML = `<d4s-ccp-input name="${d.id}" input='${btoa(JSON.stringify(d))}'></d4s-ccp-input>`
             }
           }
         ]
@@ -354,7 +354,7 @@ class CCPExecutionForm extends HTMLElement{
             "in" : (e,d)=>{ return Object.values(d.outputs) },
             target : "div",
             apply : (e,d)=>{
-              e.innerHTML = `<d4s-ccp-output name="${d.id}" output='${JSON.stringify(d)}'></d4s-ccp-output>`
+              e.innerHTML = `<d4s-ccp-output name="${d.id}" output='${btoa(JSON.stringify(d))}'></d4s-ccp-output>`
             }
           }
         ]
diff --git a/ccp/js/inputwidgetcontroller.js b/ccp/js/inputwidgetcontroller.js
index c4c5285..41eb7db 100644
--- a/ccp/js/inputwidgetcontroller.js
+++ b/ccp/js/inputwidgetcontroller.js
@@ -7,7 +7,7 @@ class CCPInputWidgetController extends HTMLElement {
   }
   
   connectedCallback(){
-    this.#data = JSON.parse(this.getAttribute("input"))
+    this.#data = JSON.parse(atob(this.getAttribute("input")))
     
     if(this.isChecklist()){
       
diff --git a/ccp/js/outputwidgetcontroller.js b/ccp/js/outputwidgetcontroller.js
index ab904ea..64ae654 100644
--- a/ccp/js/outputwidgetcontroller.js
+++ b/ccp/js/outputwidgetcontroller.js
@@ -4,7 +4,7 @@ class CCPOutputWidgetController extends HTMLElement {
   
   constructor(){
     super()
-    this.#output = JSON.parse(this.getAttribute("output"))
+    this.#output = JSON.parse(atob(this.getAttribute("output")))
   }
   
   connectedCallback(){