diff --git a/src/lib/SafeView/SafeView.tsx b/src/lib/SafeView/SafeView.tsx
index ae92f91..5ce5a91 100644
--- a/src/lib/SafeView/SafeView.tsx
+++ b/src/lib/SafeView/SafeView.tsx
@@ -1,5 +1,5 @@
 import { useMemo, useState } from 'react';
-import './safe-view.css';
+import classes from './safe-view.module.css';
 
 export interface SafeViewProps {
   accessKey?: React.HTMLAttributes<HTMLButtonElement>['accessKey'];
@@ -15,7 +15,7 @@ export const SafeView: React.FC<SafeViewProps> = ({
   const [safeMode, setSafeMode] = useState(false);
 
   const classNames = useMemo(() => {
-    if (safeMode) return ['safe-mode', className];
+    if (safeMode) return [classes['safe-mode'], className];
     return [className];
   }, [safeMode]);
   return (
diff --git a/src/lib/SafeView/safe-view.css b/src/lib/SafeView/safe-view.module.css
similarity index 100%
rename from src/lib/SafeView/safe-view.css
rename to src/lib/SafeView/safe-view.module.css