diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index d7404b1a9..07d0b3138 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { computed, ref, watch } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 import { RouterView, RouterLink, useRouter, useRoute } from 'vue-router'
 import {
   HomeIcon,
@@ -42,6 +42,7 @@ import URLConfirmModal from '@/components/ui/URLConfirmModal.vue'
 import OnboardingScreen from '@/components/ui/tutorial/OnboardingScreen.vue'
 import { install_from_file } from './helpers/pack'
 import { useError } from '@/store/error.js'
+import { useCheckDisableMouseover } from '@/composables/macCssFix.js'
 
 const themeStore = useTheming()
 const urlModal = ref(null)
@@ -118,6 +119,10 @@ defineExpose({
   },
 })
 
+onMounted(async () => {
+  await useCheckDisableMouseover()
+})
+
 const confirmClose = async () => {
   const confirmed = await confirm(
     'An action is currently in progress. Are you sure you want to exit?',
diff --git a/apps/app-frontend/src/composables/macCssFix.js b/apps/app-frontend/src/composables/macCssFix.js
new file mode 100644
index 000000000..422b4025e
--- /dev/null
+++ b/apps/app-frontend/src/composables/macCssFix.js
@@ -0,0 +1,20 @@
+import { invoke } from '@tauri-apps/api/tauri'
+import cssContent from '@/assets/stylesheets/macFix.css?inline'
+
+export async function useCheckDisableMouseover() {
+  try {
+    // Fetch the CSS content from the Rust backend
+    let should_disable_mouseover = await invoke('plugin:utils|should_disable_mouseover')
+
+    if (should_disable_mouseover) {
+      // Create a style element and set its content
+      const styleElement = document.createElement('style')
+      styleElement.innerHTML = cssContent
+
+      // Append the style element to the document's head
+      document.head.appendChild(styleElement)
+    }
+  } catch (error) {
+    console.error('Error checking OS version from Rust backend', error)
+  }
+}
diff --git a/apps/app-frontend/src/main.js b/apps/app-frontend/src/main.js
index 0d55138fb..05769b909 100644
--- a/apps/app-frontend/src/main.js
+++ b/apps/app-frontend/src/main.js
@@ -7,7 +7,6 @@ import '@/assets/stylesheets/global.scss'
 import 'floating-vue/dist/style.css'
 import FloatingVue from 'floating-vue'
 import { get_opening_command, initialize_state } from '@/helpers/state'
-import loadCssMixin from './mixins/macCssFix.js'
 import { get } from '@/helpers/settings'
 import { invoke } from '@tauri-apps/api'
 import { isDev } from './helpers/utils.js'
@@ -36,7 +35,6 @@ let app = createApp(App)
 app.use(router)
 app.use(pinia)
 app.use(FloatingVue)
-app.mixin(loadCssMixin)
 app.use(VIntlPlugin)
 
 const mountedApp = app.mount('#app')
diff --git a/apps/app-frontend/src/mixins/macCssFix.js b/apps/app-frontend/src/mixins/macCssFix.js
index 9d8b6ce45..e69de29bb 100644
--- a/apps/app-frontend/src/mixins/macCssFix.js
+++ b/apps/app-frontend/src/mixins/macCssFix.js
@@ -1,27 +0,0 @@
-import { invoke } from '@tauri-apps/api/tauri'
-import cssContent from '@/assets/stylesheets/macFix.css?inline'
-
-export default {
-  async mounted() {
-    await this.checkDisableMouseover()
-  },
-  methods: {
-    async checkDisableMouseover() {
-      try {
-        // Fetch the CSS content from the Rust backend
-        const should_disable_mouseover = await invoke('plugin:utils|should_disable_mouseover')
-
-        if (should_disable_mouseover) {
-          // Create a style element and set its content
-          const styleElement = document.createElement('style')
-          styleElement.innerHTML = cssContent
-
-          // Append the style element to the document's head
-          document.head.appendChild(styleElement)
-        }
-      } catch (error) {
-        console.error('Error checking OS version from Rust backend', error)
-      }
-    },
-  },
-}