diff --git a/packages/bezier-react/src/components/Tooltip/Tooltip.module.scss b/packages/bezier-react/src/components/Tooltip/Tooltip.module.scss
index e3c58c3bca..2cf47eb725 100644
--- a/packages/bezier-react/src/components/Tooltip/Tooltip.module.scss
+++ b/packages/bezier-react/src/components/Tooltip/Tooltip.module.scss
@@ -1,7 +1,7 @@
 @use "../../styles/mixins/typography";
 
 @layer components {
-  .tooltip-content {
+  .Tooltip {
     z-index: var(--z-index-tooltip);
 
     box-sizing: border-box;
@@ -16,14 +16,14 @@
     overflow: hidden;
     border-radius: var(--radius-8);
     box-shadow: var(--ev-3);
-  }
 
-  .text-container {
-    overflow: hidden;
-  }
+    .container {
+      overflow: hidden;
+    }
 
-  .content {
-    @include typography.ellipsis(20, var(--font-line-height-18));
-    white-space: pre-wrap;
+    .content {
+      @include typography.ellipsis(20, var(--font-line-height-18));
+      white-space: pre-wrap;
+    }
   }
 }
diff --git a/packages/bezier-react/src/components/Tooltip/Tooltip.tsx b/packages/bezier-react/src/components/Tooltip/Tooltip.tsx
index b53d966025..8cf0b0887f 100644
--- a/packages/bezier-react/src/components/Tooltip/Tooltip.tsx
+++ b/packages/bezier-react/src/components/Tooltip/Tooltip.tsx
@@ -283,8 +283,11 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip
             collisionPadding={8}
             hideWhenDetached
           >
-            <HStack spacing={4} className={styles['tooltip-content']}>
-              <div className={styles['text-container']}>
+            <HStack
+              spacing={4}
+              className={styles.Tooltip}
+            >
+              <div className={styles.container}>
                 { title && (
                   <Text
                     typo="13"