diff --git a/src/ui/components/ComposeBox.tsx b/src/ui/components/ComposeBox.tsx
index c3c71d5..59216a0 100644
--- a/src/ui/components/ComposeBox.tsx
+++ b/src/ui/components/ComposeBox.tsx
@@ -652,7 +652,7 @@ export const ComposeBox = ({
             </button>
             <button
               type="submit"
-              className="icon-button compose-icon-button"
+              className="icon-button compose-icon-button compose-submit-button"
               aria-label="게시"
               disabled={isSubmitting}
             >
@@ -660,6 +660,7 @@ export const ComposeBox = ({
                 <path d="M22 2L11 13" />
                 <path d="M22 2l-7 20-4-9-9-4 20-7z" />
               </svg>
+              <span>전송</span>
             </button>
           </div>
         </div>
diff --git a/src/ui/styles/components.css b/src/ui/styles/components.css
index c7331ca..7619a79 100644
--- a/src/ui/styles/components.css
+++ b/src/ui/styles/components.css
@@ -744,17 +744,34 @@
 }
 
 .compose-icon-button {
-  background: var(--color-secondary-button-bg);
-  color: var(--color-secondary-button-text);
-  border: 1px solid var(--color-secondary-button-border);
+  background: var(--color-action-bg);
+  color: var(--color-action-text);
+  border: 1px solid var(--color-action-bg);
   width: 34px;
   height: 34px;
 }
 
+.compose-icon-button:not(.compose-submit-button) {
+  width: 34px;
+}
+
 .compose-icon-button:disabled {
   opacity: 0.5;
 }
 
+.compose-submit-button {
+  width: auto !important;
+  min-width: 34px;
+  padding: 8px 12px !important;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.compose-submit-button svg {
+  flex-shrink: 0;
+}
+
 .compose-emoji-panel {
   margin-top: 12px;
   border: 1px solid var(--color-emoji-panel-border);