diff --git a/components/Common/Button/SnsBox.tsx b/components/Common/Button/SnsBox.tsx
deleted file mode 100644
index ebd387b..0000000
--- a/components/Common/Button/SnsBox.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import styled from 'styled-components';
-
-interface SNSBoxProps {
-  children: React.ReactNode;
-  handleClick?: () => void;
-}
-
-export default function SNSBox(props: SNSBoxProps) {
-  const { children, handleClick } = props;
-
-  return <Styled.Box onClick={handleClick}>{children}</Styled.Box>;
-}
-
-const Styled = {
-  Box: styled.div`
-    margin: 0 0.5rem 0;
-    cursor: pointer;
-  `,
-};
diff --git a/components/Common/Modal/ShareContent.tsx b/components/Common/Modal/ShareContent.tsx
index 8bf384d..39167d9 100644
--- a/components/Common/Modal/ShareContent.tsx
+++ b/components/Common/Modal/ShareContent.tsx
@@ -8,7 +8,6 @@ import { useEffect, useState } from 'react';
 import useKakaoShare from '@/hooks/common/useKakaoShare';
 import { useRecoilValue } from 'recoil';
 import { LoginUserInfo } from '@/recoil/auth/loginUserInfo';
-import SNSBox from '../Button/SnsBox';
 import InputLink from '../Input/InputLink';
 import { useGetMainProgressData } from '@/hooks/queries/wishes';
 
@@ -65,9 +64,9 @@ export default function ShareContent() {
     <Styled.ContentWrapper>
       <Styled.SNSContainer>
         {SNS_LIST.map((sns) => (
-          <SNSBox key={sns.name} handleClick={() => handleShareSNS(sns.name)} id={sns.name}>
+          <Styled.SNSBox key={sns.name} onClick={() => handleShareSNS(sns.name)} id={sns.name}>
             <Image src={sns.logo} alt={`${sns.name}`} />
-          </SNSBox>
+          </Styled.SNSBox>
         ))}
       </Styled.SNSContainer>
 
@@ -98,4 +97,9 @@ const Styled = {
     color: ${theme.colors.white};
     width: 100%;
   `,
+
+  SNSBox: styled.div`
+    margin: 0 0.5rem 0;
+    cursor: pointer;
+  `,
 };