diff --git a/daily-thought-frontend/src/styles/Avatar.module.css b/daily-thought-frontend/src/styles/Avatar.module.css
new file mode 100644
index 0000000000000000000000000000000000000000..0b1fb2352956c39818a5c337b70bd335ba7f9764
--- /dev/null
+++ b/daily-thought-frontend/src/styles/Avatar.module.css
@@ -0,0 +1,11 @@
+.avatar {
+  color: white;
+  border-radius: 50%;
+  width: 48px;
+  height: 48px;
+  background-color: 'red';
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 8px;
+}
\ No newline at end of file
diff --git a/daily-thought-frontend/src/styles/Post.module.css b/daily-thought-frontend/src/styles/Post.module.css
index 27240d5ef10ee99ccd754abb412e96e257de1315..47f0392ba50b14735ec59ea9922e759e7016e0bb 100644
--- a/daily-thought-frontend/src/styles/Post.module.css
+++ b/daily-thought-frontend/src/styles/Post.module.css
@@ -16,18 +16,6 @@
   height: 48px;
 }
 
-.avatar {
-  color: white;
-  border-radius: 50%;
-  width: 48px;
-  height: 48px;
-  background-color: 'red';
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: 8px;
-}
-
 .headerInfo {
   height: 100%;
   display: flex;
diff --git a/daily-thought-frontend/src/styles/PostAction.module.css b/daily-thought-frontend/src/styles/PostAction.module.css
index 20e6ad6550fdfec49be489f5b06ecc5464d940fb..d8c672aecb632ad406760a79cd038718efdba679 100644
--- a/daily-thought-frontend/src/styles/PostAction.module.css
+++ b/daily-thought-frontend/src/styles/PostAction.module.css
@@ -1,3 +1,27 @@
 .container {
+  color: rgb(203 213 225);
   margin-right: 8px;
+  display: flex;
+  justify-content: center;
+  border-radius: 8px;
+  padding: 4px;
+  padding-left: 8px;;
+}
+
+.container:hover {
+  background-color: rgb(226 232 240);
+}
+
+.button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: medium;
+  background: none;
+  border: none;
+  color:rgb(100 116 139);
+}
+
+.label {
+  margin: 4px;
 }
\ No newline at end of file