@@ -91,9 +91,7 @@ export default function Events({ pastEvents, comingSoon, search }) {
9191 {comingSoon.length > 0 ? (
9292 <>
9393 <div className="mb-8 table">
94− <span className="bg-green text-white badge-lg">
95− Coming Soon
96− </span>
94+ <h3 class="text-gray">Coming Soon</h3>
9795 </div>
9896 {comingSoon.map((post) => {
9997 return <EventCard event={post} />;
@@ -101,7 +99,7 @@ export default function Events({ pastEvents, comingSoon, search }) {
10199 </>
102100 ) : null}
103101 <div className="mb-8 table">
104− <span className="bg-wall text-gray badge-lg">Past Events</span>
102+ <h3 class="text-gray">Past Events</h3>
105103 </div>
106104 {pastEvents.map((post) => {
107105 return <EventCard event={post} />;