From 7070132ea2cfd788643639648cfa1f87f3eb566d Mon Sep 17 00:00:00 2001
From: josc146 <josStorer@outlook.com>
Date: Mon, 17 Apr 2023 21:15:10 +0800
Subject: [PATCH] style: floating toolbar compatibility (#222)

---
 src/components/FloatingToolbar/index.jsx | 5 ++++-
 src/content-script/styles.scss           | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/FloatingToolbar/index.jsx b/src/components/FloatingToolbar/index.jsx
index cecc77f0..f1b04001 100644
--- a/src/components/FloatingToolbar/index.jsx
+++ b/src/components/FloatingToolbar/index.jsx
@@ -128,7 +128,10 @@ function FloatingToolbar(props) {
     return (
       <div data-theme={config.themeMode}>
         <div className="chatgptbox-selection-toolbar">
-          <img src={logo} style="user-select:none;width:24px;height:24px;" />
+          <img
+            src={logo}
+            style="user-select:none;width:24px;height:24px;background:rgba(0,0,0,0);"
+          />
           {tools}
         </div>
       </div>
diff --git a/src/content-script/styles.scss b/src/content-script/styles.scss
index d131d4eb..46f18605 100644
--- a/src/content-script/styles.scss
+++ b/src/content-script/styles.scss
@@ -253,7 +253,7 @@
 }
 
 .chatgptbox-selection-toolbar-button {
-  margin-left: 2px;
+  margin: 0 2px 0 0;
   padding: 2px;
   border-radius: 30px;
   background-color: #ffffff;