diff --git a/website/src/components/quickstart.js b/website/src/components/quickstart.js
index e47e02e35..90a8e0983 100644
--- a/website/src/components/quickstart.js
+++ b/website/src/components/quickstart.js
@@ -248,7 +248,9 @@ const Quickstart = ({
                         )}
                         {download && (
                             <a
-                                href={`data:application/octet-stream,${getRawContent(contentRef)}`}
+                                href={`data:application/octet-stream,${encodeURIComponent(
+                                    getRawContent(contentRef)
+                                )}`}
                                 title="Download file"
                                 download={download}
                                 className={classes.iconButton}
diff --git a/website/src/widgets/quickstart-training.js b/website/src/widgets/quickstart-training.js
index 913b334df..3d2ab0930 100644
--- a/website/src/widgets/quickstart-training.js
+++ b/website/src/widgets/quickstart-training.js
@@ -90,7 +90,7 @@ export default function QuickstartTraining({ id, title, download = 'base_config.
                         id="quickstart-widget"
                         Container="div"
                         download={download}
-                        rawContent={content}
+                        rawContent={rawContent}
                         data={DATA}
                         title={title}
                         id={id}