diff --git a/packages/ui/package.json b/packages/ui/package.json
index 4b8b484b..6ee72fea 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@oplayer/ui",
-  "version": "1.3.3-beta.5",
+  "version": "1.3.3-beta.6",
   "description": "ui plugin for oplayer",
   "type": "module",
   "main": "./dist/index.es.js",
diff --git a/packages/ui/src/components/ControllerBar.ts b/packages/ui/src/components/ControllerBar.ts
index 9f033526..5a5b3cf1 100644
--- a/packages/ui/src/components/ControllerBar.ts
+++ b/packages/ui/src/components/ControllerBar.ts
@@ -14,6 +14,7 @@ export const controlBar = $.css({
   padding: '0.5em 0.5em 0',
   transition: 'transform 0.3s ease',
   height: 'var(--control-bar-height)',
+  color: '#fff',
 
   // https://developer.mozilla.org/zh-CN/docs/Web/CSS/env
   //TODO: support display-mode