diff --git a/components/common/ContextMenu/index.module.scss b/components/common/ContextMenu/index.module.scss
index c011889c..a02309a1 100644
--- a/components/common/ContextMenu/index.module.scss
+++ b/components/common/ContextMenu/index.module.scss
@@ -1,4 +1,4 @@
-.ContextMenu {
+.menu {
   background: var(--menu-bg);
   border-radius: $input-corner;
   padding: $unit 0;
diff --git a/components/common/ContextMenu/index.tsx b/components/common/ContextMenu/index.tsx
index 4a647001..21c1353c 100644
--- a/components/common/ContextMenu/index.tsx
+++ b/components/common/ContextMenu/index.tsx
@@ -16,7 +16,7 @@ export const ContextMenuContent = React.forwardRef<HTMLDivElement, Props>(
   function ContextMenu({ children, ...props }, forwardedRef) {
     const classes = classNames(
       {
-        ContextMenu: true,
+        [styles.menu]: true,
       },
       props.className
     )
diff --git a/components/common/ContextMenuItem/index.module.scss b/components/common/ContextMenuItem/index.module.scss
index ee14622d..18ed7a60 100644
--- a/components/common/ContextMenuItem/index.module.scss
+++ b/components/common/ContextMenuItem/index.module.scss
@@ -1,4 +1,4 @@
-.ContextItem {
+.item {
   color: var(--menu-text);
   font-size: $font-regular;
   padding: ($unit * 1.5) $unit-2x;
diff --git a/components/common/ContextMenuItem/index.tsx b/components/common/ContextMenuItem/index.tsx
index 5492c8aa..b78b566e 100644
--- a/components/common/ContextMenuItem/index.tsx
+++ b/components/common/ContextMenuItem/index.tsx
@@ -14,7 +14,7 @@ const ContextMenuItem = React.forwardRef<HTMLDivElement, Props>(
   function ContextMenu({ children, ...props }, forwardedRef) {
     const classes = classNames(
       {
-        ContextItem: true,
+        [styles.item]: true,
       },
       props.className
     )