diff --git a/packages/ui/package.json b/packages/ui/package.json
index b4b30e76..a749e971 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@oplayer/ui",
-  "version": "1.3.3-beta.2",
+  "version": "1.3.3-beta.3",
   "description": "ui plugin for oplayer",
   "type": "module",
   "main": "./dist/index.es.js",
diff --git a/packages/ui/src/style.ts b/packages/ui/src/style.ts
index ee3c4e6a..56a505cf 100644
--- a/packages/ui/src/style.ts
+++ b/packages/ui/src/style.ts
@@ -37,6 +37,11 @@ export const root = (config: UiConfig) => {
         '--shadow-background-color': 'rgba(28 ,28 ,28 , .9)',
         '--control-bar-height': config.theme!.controller?.display ? '2.5em' : 0,
 
+        // fix tailwindcss
+        [`& ${loading}:before, & ${loading}:after`]: {
+          '--primary-color': `${config.theme!.primaryColor}`,
+        },
+
         position: 'absolute',
         top: '0',
         left: '0',