diff --git a/src/components/@layout/bio/index.tsx b/src/components/@layout/bio/index.tsx
index e04ec8fc..51c9d14b 100644
--- a/src/components/@layout/bio/index.tsx
+++ b/src/components/@layout/bio/index.tsx
@@ -7,7 +7,7 @@
 
 import * as React from "react"
 import { useStaticQuery, graphql } from "gatsby"
-import styles from "./bio.module.css"
+import { profile } from "./bio.module.css"
 import profileImage from "./profile.gif"
 
 const Bio = () => {
@@ -27,7 +27,7 @@ const Bio = () => {
   const author = data.site.siteMetadata?.author
 
   return (
-    <div className={styles.profile}>
+    <div className={profile}>
       <header>
         <img src={profileImage} width={64} height={64} alt="profile image" />