diff --git a/frontend/src/components/scripts/ScriptFilterBar.tsx b/frontend/src/components/scripts/ScriptFilterBar.tsx
index e894dbcb..c8dd579e 100644
--- a/frontend/src/components/scripts/ScriptFilterBar.tsx
+++ b/frontend/src/components/scripts/ScriptFilterBar.tsx
@@ -38,7 +38,7 @@ export function ScriptFilterBar({ inputValue, setInputValue }: Props) {
             'font-label text-xs px-3 py-1.5 rounded-full border transition-all',
             activeCategoryId === null
               ? 'bg-primary/10 border-primary/30 text-foreground border-l-[3px] border-l-primary'
-              : 'border-border text-muted-foreground hover:border-white/12 hover:text-foreground'
+              : 'border-border text-muted-foreground hover:border-[rgba(255,255,255,0.12)] hover:text-foreground'
           )}
         >
           All
@@ -52,7 +52,7 @@ export function ScriptFilterBar({ inputValue, setInputValue }: Props) {
               'font-label text-xs px-3 py-1.5 rounded-full border transition-all',
               activeCategoryId === cat.id
                 ? 'bg-primary/10 border-primary/30 text-foreground border-l-[3px] border-l-primary'
-                : 'border-border text-muted-foreground hover:border-white/12 hover:text-foreground'
+                : 'border-border text-muted-foreground hover:border-[rgba(255,255,255,0.12)] hover:text-foreground'
             )}
           >
             {cat.name}