diff --git a/src/components/Topbar/TopbarHistoryPop.vue b/src/components/Topbar/TopbarHistoryPop.vue
index db35f124..106999ff 100644
--- a/src/components/Topbar/TopbarHistoryPop.vue
+++ b/src/components/Topbar/TopbarHistoryPop.vue
@@ -7,6 +7,7 @@ import type { HistoryItem } from './types'
 import { HistoryType } from './types'
 import { removeHttpFromUrl } from '~/utils/main'
 import { calcCurrentTime } from '~/utils/dataFormatter'
+
 const { t } = useI18n()
 
 const historys = reactive<Array<HistoryItem>>([])
diff --git a/src/contentScripts/views/History/History.vue b/src/contentScripts/views/History/History.vue
index 550dd4c1..3531d30a 100644
--- a/src/contentScripts/views/History/History.vue
+++ b/src/contentScripts/views/History/History.vue
@@ -452,7 +452,7 @@ function jumpToLoginPage() {
               <button
                 text="2xl $bew-text-3"
                 hover:color="$bew-theme-color"
-                opacity="0 group-hover:100"
+                opacity-0 group-hover:opacity-100
                 p-2
                 duration-300
                 @click.stop="deleteHistoryItem(index, historyItem)"
diff --git a/src/contentScripts/views/WatchLater/WatchLater.vue b/src/contentScripts/views/WatchLater/WatchLater.vue
index 648e46c1..3a4171fe 100644
--- a/src/contentScripts/views/WatchLater/WatchLater.vue
+++ b/src/contentScripts/views/WatchLater/WatchLater.vue
@@ -231,7 +231,7 @@ function jumpToLoginPage() {
                   <button
                     text="2xl $bew-text-3"
                     hover:color="$bew-theme-color"
-                    opacity="0 group-hover:100"
+                    opacity-0 group-hover:opacity-100
                     p-2
                     duration-300
                     @click.stop="deleteWatchLaterItem(index, item.aid)"