diff --git a/src/components/common/Buttons/DeleteMessageButton.js b/src/components/common/Buttons/DeleteMessageButton.js
index e157de9..2b3d139 100644
--- a/src/components/common/Buttons/DeleteMessageButton.js
+++ b/src/components/common/Buttons/DeleteMessageButton.js
@@ -1,5 +1,6 @@
 import styled from 'styled-components';
 import { useLocation } from 'react-router-dom';
+import { Outlined36 } from '../../../styles/ButtonStyle';
 
 function DeleteMessageButton({ id, onDelete }) {
   const location = useLocation();
@@ -8,7 +9,6 @@ function DeleteMessageButton({ id, onDelete }) {
   const handleButtonClick = async (e) => {
     e.stopPropagation();
     onDelete(id);
-    // navigate(`/post/${recipientID}/edit`, { replace: true });
   };
 
   return (
@@ -18,30 +18,12 @@ function DeleteMessageButton({ id, onDelete }) {
   );
 }
 
-const Button = styled.button`
+const Button = styled(Outlined36)`
   position: absolute;
   right: 24px;
   display: ${({ $isDisplay }) => ($isDisplay ? 'block' : 'none')};
-  /* display: flex; */
-  padding: 6px;
-  justify-content: center;
-  align-items: center;
-  gap: 10px;
-  background: var(--white);
-  border-radius: 6px;
-  border: 1px solid var(--gray300);
-
-  &:hover {
-    background: var(--gray300);
-  }
-
-  &:active {
-    background: var(--gray100);
-  }
-
-  &:focus {
-    border: 1px solid var(--gray500);
-  }
+  padding: 0.6rem;
+  line-height: 0;
 `;
 
 const DeleteImg = styled.img`
diff --git a/src/components/post/SubHeader.jsx b/src/components/post/SubHeader.jsx
index 19d91bf..8fad8f0 100644
--- a/src/components/post/SubHeader.jsx
+++ b/src/components/post/SubHeader.jsx
@@ -140,6 +140,7 @@ const SplitBarVertical2 = styled(SplitBarVertical)`
 `;
 
 const ShareButton = styled(Outlined36)`
+  padding: 0.6rem 1.6rem;
   @media (max-width: 470px) {
     padding: 6px 8px;
   }
diff --git a/src/components/post/subheader/EmojiDropDown.jsx b/src/components/post/subheader/EmojiDropDown.jsx
index 6392e18..566e53b 100644
--- a/src/components/post/subheader/EmojiDropDown.jsx
+++ b/src/components/post/subheader/EmojiDropDown.jsx
@@ -87,6 +87,7 @@ const EmojiGroupInDropDown = styled(EmojiGroup)`
 
 const EmojiAddButton = styled(Outlined36)`
   position: relative;
+  padding: 0.6rem 1.6rem;
 
   @media (max-width: 470px) {
     span {
diff --git a/src/styles/ButtonStyle.jsx b/src/styles/ButtonStyle.jsx
index 8f264ff..7a8debc 100644
--- a/src/styles/ButtonStyle.jsx
+++ b/src/styles/ButtonStyle.jsx
@@ -68,7 +68,6 @@ export const Secondary = styled(ButtonCommon)`
 `;
 
 export const Outlined36 = styled(ButtonCommon)`
-  padding: 0.6rem 1.6rem;
   border-radius: 0.6rem;
   background: var(--${({ disabled }) => (disabled ? 'gray300' : 'white')});
   color: var(--${({ disabled }) => (disabled ? 'white' : 'gray900')});