diff --git a/app/components/list-settings.vue b/app/components/list-settings.vue
index b0b590b..49a2d66 100644
--- a/app/components/list-settings.vue
+++ b/app/components/list-settings.vue
@@ -126,7 +126,7 @@ getRoles()
           <label for="invite-collaborators-input">Invite Collaborators</label>
           <textarea v-model="collaboratorInvites" name="invite-collaborators-input" type="text"></textarea>
           <button>Send Invites</button>
-          <span v-if="responseMessage">{{ responseMessage }}</span>
+          <span v-if="responseMessage" class="success-message">{{ responseMessage }}</span>
         </form>
       </li>
       <li v-if="isOwner" class="list-setting">
@@ -212,5 +212,9 @@ details ul > li:not(:last-child) {
   border-bottom: none;
 }
 
+.success-message {
+  color: var(--color-success-text);
+}
+
 
 </style>
\ No newline at end of file