diff --git a/static/css/conversation.css b/static/css/conversation.css
index b0913e0..bb05d43 100644
--- a/static/css/conversation.css
+++ b/static/css/conversation.css
@@ -6,8 +6,8 @@
     margin-right: 1rem;
 }
 .badge-creator {
-    background-color: #d1f2eb;
-    color: #117a65;
+    background-color: var(--secondary-color);
+    color: white;
     font-weight: 500;
 }
 .btn-remove-member {
diff --git a/templates/conversations/conversation.html b/templates/conversations/conversation.html
index 923f7e8..0d66383 100644
--- a/templates/conversations/conversation.html
+++ b/templates/conversations/conversation.html
@@ -120,7 +120,7 @@
                                 <div class="text-muted small">{{ member.email }}</div>
                             </div>
                             {% if member.id == conversation.created_by %}
-                            <span class="badge bg-primary">
+                            <span class="badge badge-creator">
                                 <i class="fas fa-crown me-1"></i>Creator
                             </span>
                             {% endif %}
@@ -170,7 +170,7 @@
                                 <div class="text-muted small">{{ member.email }}</div>
                             </div>
                             {% if member.id == conversation.created_by %}
-                            <span class="badge badge-creator ms-2"><i class="fas fa-user"></i> Creator</span>
+                            <span class="badge badge-creator ms-2"><i class="fas fa-crown me-1"></i>Creator</span>
                             {% else %}
                             <button type="button" class="btn btn-remove-member ms-2">
                                 <i class="fas fa-user-minus me-1"></i>Remove