diff --git a/lms/lms/widgets/MemberCard.html b/lms/lms/widgets/MemberCard.html
index 70906eb3..8d699b4f 100644
--- a/lms/lms/widgets/MemberCard.html
+++ b/lms/lms/widgets/MemberCard.html
@@ -1,19 +1,20 @@
-<div class="common-card-style member-card">
-  {{ widgets.Avatar(member=member, avatar_class=avatar_class) }}
-  <div class="bold-title mt-4">
-    {{ member.full_name }}
-  </div>
+{% set color = get_palette(member.full_name) %}
+<div class="common-card-style member-card" style="background: linear-gradient(180deg, var({{ color[0] }}), #FFFFFF 60%);">
+	{{ widgets.Avatar(member=member, avatar_class=avatar_class) }}
+	<div class="member-card-title">
+		{{ member.full_name }}
+	</div>
 
-  {% if member.headline %}
-  <div> {{ member.headline }} </div>
-  {% endif %}
+	{% if member.headline %}
+	<div> {{ member.headline }} </div>
+	{% endif %}
 
-  {% set course_count = get_authored_courses(member.name, True) | length %}
-  {% if show_course_count and course_count > 0 %}
-  {% set suffix = "Courses" if course_count > 1 else "Course" %}
-  <div class="">
-    Created {{ course_count }} {{ suffix }}
-  </div>
-  {% endif %}
-  <a class="stretched-link" href="{{ get_profile_url(member.username) }}"></a>
+	{% set course_count = get_authored_courses(member.name, True) | length %}
+	{% if show_course_count and course_count > 0 %}
+	{% set suffix = "Courses" if course_count > 1 else "Course" %}
+	<div class="">
+		Created {{ course_count }} {{ suffix }}
+	</div>
+	{% endif %}
+	<a class="stretched-link" href="{{ get_profile_url(member.username) }}"></a>
 </div>
diff --git a/lms/public/css/style.css b/lms/public/css/style.css
index 5448cd2c..e3cb1581 100644
--- a/lms/public/css/style.css
+++ b/lms/public/css/style.css
@@ -443,10 +443,11 @@ input[type=checkbox] {
 }
 
 .member-card {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 2rem 1rem;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: 2rem 1rem;
+	font-size: var(--text-base);
 }
 
 .break {
@@ -1952,3 +1953,13 @@ select {
 	padding: 0 !important;
 	margin: 0 !important;
 }
+
+.member-card .standard-image {
+	border: 5px solid #FFFFFF;
+}
+
+.member-card-title {
+	color: var(--gray-900);
+	font-weight: 500;
+	margin-top: 1rem;
+}