diff --git a/src/components/ProfileUpload.vue b/src/components/ProfileUpload.vue
index 0761b2f7..1f0aa0bf 100644
--- a/src/components/ProfileUpload.vue
+++ b/src/components/ProfileUpload.vue
@@ -100,4 +100,36 @@ defineEmits<{
   height: 12vw;
   background-color: var(--surface-1);
 }
+
+.upload-img-btn {
+  color: hsl(var(--info-bg));
+  border: 1px solid hsl(var(--info-bg));
+  background-color: hsla(var(--info-bg) / 0.1);
+  border-radius: var(--radius-2);
+
+  &.dark {
+    background-color: transparent;
+  }
+}
+
+.edit-img-btn {
+  color: hsl(var(--info-bg));
+  border: 1px solid hsl(var(--info-bg));
+  background-color: transparent;
+  border-radius: var(--radius-2);
+}
+
+.cancel-img-btn {
+  color: hsl(var(--negative-bg));
+  border: 1px solid hsl(var(--negative-bg));
+  background-color: transparent;
+  border-radius: var(--radius-2);
+}
+
+.submit-img-btn {
+  color: var(--surface-1);
+  border: 1px solid hsl(var(--positive-bg));
+  background-color: hsl(var(--positive-bg));
+  border-radius: var(--radius-2);
+}
 </style>