diff --git a/packages/bezier-react/src/components/Tooltip/Tooltip.module.scss b/packages/bezier-react/src/components/Tooltip/Tooltip.module.scss
index 2cf47eb725..1bec9da470 100644
--- a/packages/bezier-react/src/components/Tooltip/Tooltip.module.scss
+++ b/packages/bezier-react/src/components/Tooltip/Tooltip.module.scss
@@ -1,5 +1,3 @@
-@use "../../styles/mixins/typography";
-
 @layer components {
   .Tooltip {
     z-index: var(--z-index-tooltip);
@@ -22,7 +20,6 @@
     }
 
     .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 8cf0b0887f..0691f87607 100644
--- a/packages/bezier-react/src/components/Tooltip/Tooltip.tsx
+++ b/packages/bezier-react/src/components/Tooltip/Tooltip.tsx
@@ -302,6 +302,7 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip
                 <Text
                   color="txt-black-darkest"
                   className={styles.content}
+                  truncated={20}
                   typo="13"
                 >
                   { content }
diff --git a/packages/bezier-react/src/styles/mixins/_typography.scss b/packages/bezier-react/src/styles/mixins/_typography.scss
deleted file mode 100644
index 75e117fd5c..0000000000
--- a/packages/bezier-react/src/styles/mixins/_typography.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-@mixin ellipsis($line, $lineHeight) {
-  @if ($line == null or $line <= 1) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  } @else if ($lineHeight != null ) {
-    display: -webkit-box;
-    max-height: calc($line * $lineHeight);
-    overflow: hidden;
-    line-height: $lineHeight;
-    text-overflow: ellipsis;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: $line;
-  }
-}