diff --git a/src/components/MyPage/MyInfo.js b/src/components/MyPage/MyInfo.js
index 9e3137f..954103e 100644
--- a/src/components/MyPage/MyInfo.js
+++ b/src/components/MyPage/MyInfo.js
@@ -1,29 +1,36 @@
 import styled from "styled-components";
 import themeGet from "../../utils/themeGet";
+
+const MyInfoComponent = ({ title, content }) => {
+  return (
+    <Container>
+      <TitleDiv>{title}</TitleDiv>
+      <ContentDiv>{content}</ContentDiv>
+    </Container>
+  );
+};
+
+export default MyInfoComponent;
+
 const Container = styled.div`
-  width: 40%;
   display: flex;
-  justify-content: space-between;
+  flex-direction: row;
+  justify-content: left;
   flex-wrap: wrap;
+  gap: 40px;
 `;
 
 const TitleDiv = styled.div`
+  display: flex;
+  margin: 0;
+  padding: 0;
   color: ${themeGet("color.300")};
   font-size: ${themeGet("fonts.sub_head.size")};
   font-weight: bold;
 `;
 
 const ContentDiv = styled.div`
+  display: inline-block;
   color: ${themeGet("color.400")};
   font-size: ${themeGet("fonts.sub_head.size")};
-`;
-const MyInfoComponent = ({ title, content }) => {
-  return (
-    <Container>
-      <TitleDiv>{title}</TitleDiv>
-      <ContentDiv>{content}</ContentDiv>
-    </Container>
-  );
-};
-
-export default MyInfoComponent;
\ No newline at end of file
+`;
\ No newline at end of file