diff --git a/src/components/icon.tsx b/src/components/icon.tsx
index ae9bb42..f0566ac 100644
--- a/src/components/icon.tsx
+++ b/src/components/icon.tsx
@@ -17,6 +17,7 @@ const StyledButton = styled.button`
   border: none;
   padding: 0;
   background: none;
+  font-size: 1rem;
 
   &:hover {
     cursor: pointer;
diff --git a/src/components/modal.tsx b/src/components/modal.tsx
index 7af24e8..294ebfe 100644
--- a/src/components/modal.tsx
+++ b/src/components/modal.tsx
@@ -7,9 +7,9 @@ import { IconButton } from "./icon";
 const ModalContainer = styled.div`
   position: absolute;
   left: 50%;
-  top: 50%;
+  top: 1rem;
   padding: 1rem;
-  transform: translate(-50%, -50%);
+  transform: translate(-50%, 0%);
   z-index: 10;
   border: 1px solid ${(props) => props.theme.mainColor};
   background-color: ${(props) => props.theme.backgroundColor};