diff --git a/src/content/components/TranslateButton.js b/src/content/components/TranslateButton.js
index 811cc12..817e726 100644
--- a/src/content/components/TranslateButton.js
+++ b/src/content/components/TranslateButton.js
@@ -40,7 +40,7 @@ export default props => {
     left: left + position.x
   };
   return (
-    <button
+    <div
       style={buttonStyle}
       className={`simple-translate-button ${shouldShow ? "isShow" : ""}`}
       onClick={props.handleButtonClick}
diff --git a/src/content/styles/TranslateContainer.scss b/src/content/styles/TranslateContainer.scss
index 0f5aadf..8f9aa2e 100644
--- a/src/content/styles/TranslateContainer.scss
+++ b/src/content/styles/TranslateContainer.scss
@@ -6,3 +6,10 @@
   --simple-translate-highlight: #5595ff;
   --simple-translate-main-bg: #ffffff;
 }
+
+#simple-translate {
+  all: initial;
+  & > div {
+    all: initial;
+  }
+}
diff --git a/src/content/styles/TranslatePanel.scss b/src/content/styles/TranslatePanel.scss
index 43c1fd3..93cfa2b 100644
--- a/src/content/styles/TranslatePanel.scss
+++ b/src/content/styles/TranslatePanel.scss
@@ -18,6 +18,11 @@
     }
 
     .simple-translate-result-wrapper {
+      all: initial;
+      position: inherit;
+      font-size: inherit;
+      visibility: inherit;
+      opacity: inherit;
       padding: 10px 18px;
       box-sizing: border-box;
       width: max-content;