diff --git a/src/components/Bio/Bio.astro b/src/components/Bio/Bio.astro
index 2a66003..4fe988c 100644
--- a/src/components/Bio/Bio.astro
+++ b/src/components/Bio/Bio.astro
@@ -1,6 +1,5 @@
 ---
 import "../../styles/global.css";
-import "./style.css";
 
 export type Props = {
   name: string;
@@ -22,3 +21,42 @@ const props = Astro.props;
   </div>
   <span id="description">{props.description}</span>
 </div>
+
+<style>
+  #bio {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+    gap: 0.5rem;
+  }
+
+  #profile {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+  }
+
+  img {
+    width: 6rem;
+    height: auto;
+  }
+
+  span {
+    font-family: "LINE Seed JP", sans-serif;
+    font-style: normal;
+    line-height: normal;
+    color: var(--foreground);
+  }
+
+  #name {
+    font-size: 2.5rem;
+    font-weight: bold;
+  }
+
+  #description {
+    font-size: 0.9rem;
+    font-weight: normal;
+    white-space: pre-line;
+  }
+</style>
diff --git a/src/components/Bio/style.css b/src/components/Bio/style.css
deleted file mode 100644
index 6056a63..0000000
--- a/src/components/Bio/style.css
+++ /dev/null
@@ -1,36 +0,0 @@
-#bio {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-  gap: 0.3rem;
-}
-
-#profile {
-  display: flex;
-  align-items: center;
-  gap: 0.3rem;
-}
-
-img {
-  width: 6rem;
-  height: auto;
-}
-
-span {
-  font-family: "LINE Seed JP" sans-serif;
-  font-style: normal;
-  line-height: normal;
-  color: var(--foreground);
-}
-
-#name {
-  font-size: 2.5rem;
-  font-weight: bold;
-}
-
-#description {
-  font-size: 0.9rem;
-  font-weight: normal;
-  white-space: pre-line;
-}