diff --git a/src/shared/classes/SheetClasses.js b/src/shared/classes/SheetClasses.js
index 70cdbc46..37089653 100644
--- a/src/shared/classes/SheetClasses.js
+++ b/src/shared/classes/SheetClasses.js
@@ -14,7 +14,7 @@ export const SheetClasses = (props, colors, baseClassName) => {
     },
     backdrop: {
       common:
-        'fixed z-40 w-full h-full left-0 top-0 bg-black bg-opacity-50 duration-400',
+        'fixed z-40 w-full h-full left-0 top-0 bg-black/50 duration-400',
       opened: '',
       closed: 'opacity-0 pointer-events-none',
     },