diff --git a/ChatRPG/Pages/Campaign.razor b/ChatRPG/Pages/Campaign.razor
index 9b4c65c..cd89b76 100644
--- a/ChatRPG/Pages/Campaign.razor
+++ b/ChatRPG/Pages/Campaign.razor
@@ -29,7 +29,7 @@
         <input type="text" style="resize:vertical;" class="form-control user-prompt custom-text-field"
                @bind="_userInput" placeholder="What do you do?" @onkeyup="@EnterKeyHandler"/>
         <div class="input-group-append">
-            <button class="btn btn-primary ml-2" type="button" @onclick="SendPrompt">
+            <button class="btn btn-send ml-2" type="button" @onclick="SendPrompt">
                 Send
             </button>
         </div>
diff --git a/ChatRPG/wwwroot/css/site.css b/ChatRPG/wwwroot/css/site.css
index a73c874..1023260 100644
--- a/ChatRPG/wwwroot/css/site.css
+++ b/ChatRPG/wwwroot/css/site.css
@@ -71,6 +71,12 @@ a, .btn-link {
     background-color: rgb(80, 80, 80);
 }
 
+.btn-send {
+    color: #fff;
+    background-color: #1b6ec2;
+    border-color: #1861ac;
+}
+
 .user-message-container {
     background-color: rgb(222, 222, 222);
     border-radius: 10px; /* Adds rounded corners to the container */