diff --git a/src/components/dashboard/users/SelectSyncPlayAccessElement.tsx b/src/components/dashboard/users/SelectSyncPlayAccessElement.tsx
index 3ea02fa670..818dc389c2 100644
--- a/src/components/dashboard/users/SelectSyncPlayAccessElement.tsx
+++ b/src/components/dashboard/users/SelectSyncPlayAccessElement.tsx
@@ -3,7 +3,7 @@ import globalize from '../../../scripts/globalize';
 
 const createSelectElement = ({ className, id, label }) => ({
     __html: `<select
-        className="${className}"
+        class="${className}"
         is="emby-select"
         id="${id}"
         label="${label}"