diff --git a/src/content-script/index.jsx b/src/content-script/index.jsx
index aa59b9e..6eb0f1e 100644
--- a/src/content-script/index.jsx
+++ b/src/content-script/index.jsx
@@ -48,7 +48,7 @@ async function mountComponent(siteConfig, userConfig) {
       else await new Promise((r) => setTimeout(r, 500))
     }
   }
-  document.querySelectorAll('.chatgptbox-container').forEach((e) => {
+  document.querySelectorAll('.chatgptbox-container,#chatgptbox-container').forEach((e) => {
     unmountComponentAtNode(e)
     e.remove()
   })
@@ -57,12 +57,12 @@ async function mountComponent(siteConfig, userConfig) {
   if (userConfig.inputQuery) question = await getInput([userConfig.inputQuery])
   if (!question && siteConfig) question = await getInput(siteConfig.inputQuery)
 
-  document.querySelectorAll('.chatgptbox-container').forEach((e) => {
+  document.querySelectorAll('.chatgptbox-container,#chatgptbox-container').forEach((e) => {
     unmountComponentAtNode(e)
     e.remove()
   })
   const container = document.createElement('div')
-  container.className = 'chatgptbox-container'
+  container.id='chatgptbox-container'
   render(
     <DecisionCard
       session={initSession()}
diff --git a/src/content-script/styles.scss b/src/content-script/styles.scss
index 7f473ee..b0b6b6e 100644
--- a/src/content-script/styles.scss
+++ b/src/content-script/styles.scss
@@ -43,12 +43,12 @@
   margin-left: 60px;
 }
 
-.chatgptbox-container * {
+.chatgptbox-container,#chatgptbox-container * {
   font-family: 'Cairo', sans-serif;
   font-size: 14px;
 }
 
-.chatgptbox-container {
+.chatgptbox-container,#chatgptbox-container {
   width: 100%;
   flex-basis: 0;
   flex-grow: 1;