diff --git a/frontend/src/components/common/DateInput/index.tsx b/frontend/src/components/common/DateInput/index.tsx
index cb2521f32..78970ab55 100644
--- a/frontend/src/components/common/DateInput/index.tsx
+++ b/frontend/src/components/common/DateInput/index.tsx
@@ -18,7 +18,7 @@ export default function DateInput({ label, innerText, ...props }: DateInputProps
   };
 
   return (
-    <S.Container>
+    <S.Container onClick={handleIconClick}>
       <S.Wrapper>
         <S.Label>{label}</S.Label>
         <S.Text>{innerText}</S.Text>
@@ -33,7 +33,6 @@ export default function DateInput({ label, innerText, ...props }: DateInputProps
         outline={false}
         size="sm"
         color="white"
-        onClick={handleIconClick}
       >
         <S.Icon>
           <MdCalendarMonth size="2rem" />
diff --git a/frontend/src/components/common/DateInput/style.ts b/frontend/src/components/common/DateInput/style.ts
index 105464893..3a762044e 100644
--- a/frontend/src/components/common/DateInput/style.ts
+++ b/frontend/src/components/common/DateInput/style.ts
@@ -11,6 +11,7 @@ const Container = styled.div`
   width: 100%;
 
   position: relative;
+  cursor: pointer;
 `;
 
 const Wrapper = styled.div`
@@ -31,8 +32,8 @@ const Text = styled.span`
 const Input = styled.input`
   ${hiddenStyles}
   position: absolute;
-  top: 3rem;
-  right: 3rem;
+  top: 3.5rem;
+  right: 22rem;
 `;
 
 const Icon = styled.div`
diff --git a/frontend/src/components/common/IconButton/index.tsx b/frontend/src/components/common/IconButton/index.tsx
index fe40748d9..dee7c9195 100644
--- a/frontend/src/components/common/IconButton/index.tsx
+++ b/frontend/src/components/common/IconButton/index.tsx
@@ -7,7 +7,7 @@ export default function IconButton({
   size = 'sm',
   outline = true,
   shape = 'round',
-  type,
+  type = 'button',
   onClick,
   children,
 }: PropsWithChildren<IconButtonProps>) {