diff --git a/src/pages/InstallQuiz/QuizInstallationCard/WidgetSetupByType/ButtonWidgetSetup.tsx b/src/pages/InstallQuiz/QuizInstallationCard/WidgetSetupByType/ButtonWidgetSetup.tsx
index 32d1c1af..30c80bab 100644
--- a/src/pages/InstallQuiz/QuizInstallationCard/WidgetSetupByType/ButtonWidgetSetup.tsx
+++ b/src/pages/InstallQuiz/QuizInstallationCard/WidgetSetupByType/ButtonWidgetSetup.tsx
@@ -87,7 +87,7 @@ export default function ButtonWidgetSetup({ step, nextButton }: Props) {
     if (fixedSide === null) {
       params = {
         ...genericParams,
-        selector: `#pena-quiz-container-${nanoid(6)}`,
+        selector: `#pena-quiz-button-container-${nanoid(6)}`,
       };
     } else {
       params = {
diff --git a/src/pages/InstallQuiz/QuizInstallationCard/createWidgetScriptText.ts b/src/pages/InstallQuiz/QuizInstallationCard/createWidgetScriptText.ts
index 50fd029e..6e69a4a0 100644
--- a/src/pages/InstallQuiz/QuizInstallationCard/createWidgetScriptText.ts
+++ b/src/pages/InstallQuiz/QuizInstallationCard/createWidgetScriptText.ts
@@ -9,7 +9,7 @@ import {
 } from "@frontend/squzanswerer";
 
 export function createContainerWidgetScriptText(params: ContainerWidgetParams) {
-  return `<div id="${params.selector}"></div>
+  return `<div id="${params.selector.slice(1)}"></div>
 <script type="module">
 import { ContainerWidget } from "https://hbpn.link/export/pub.js";
 
@@ -23,7 +23,7 @@ export function createButtonWidgetScriptText(
   const widgetClassName =
     "fixedSide" in params ? "ButtonWidgetFixed" : "ButtonWidget";
 
-  return `${"selector" in params ? `<div id="${params.selector}"></div>\n` : ""}<script type="module">
+  return `${"selector" in params ? `<div id="${params.selector.slice(1)}"></div>\n` : ""}<script type="module">
 import { ${widgetClassName} } from "https://hbpn.link/export/pub.js";
 
 new ${widgetClassName}(${JSON.stringify(params, null, 4)});