diff --git a/src/App.tsx b/src/App.tsx
index ba2e15a..862448d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,7 +5,7 @@ import Typography from "components/typography/Typography";
 function App() {
   return (
     <>
-    <Typography htmlTag="p" fontWeightVariant="bold">Hello World!</Typography>
+    <Typography fontWeightVariant="bold">Hello World!</Typography>
     </>
   );
 }
diff --git a/src/components/typography/Typography.tsx b/src/components/typography/Typography.tsx
index 7ad9b98..9aa3fed 100644
--- a/src/components/typography/Typography.tsx
+++ b/src/components/typography/Typography.tsx
@@ -7,11 +7,9 @@ import {
 } from 'core/_variants'
 
 
-type Props = {
-    children: React.ReactNode;
+interface Props extends React.ComponentPropsWithoutRef<"div"> {
     htmlTag?: TypographyHtmlTagVariants | undefined;
     fontWeightVariant?: FontWeightVariants;
-    className?: string | undefined;
 };
 
 const typographyFontWeightVariants: TypographyFontWeightVariantsMap<string> = {