diff --git a/src/frontend/src/Components/map/helper.js b/src/frontend/src/Components/map/helper.js
index 99c39b1a7..132f7640b 100644
--- a/src/frontend/src/Components/map/helper.js
+++ b/src/frontend/src/Components/map/helper.js
@@ -11,7 +11,7 @@ import { eventStyles } from '../data/featureStyleDefinitions.js';
 // Static assets
 export const getEventIcon = (event, state) => {
   const severity = event.get('severity').toLowerCase();
-  const display_category = event.get('display_category').toLowerCase();
+  const display_category = event.get('display_category');
   const geometry = event.getGeometry().getType();
   if (geometry === 'Point') {
     if (severity === 'major') {
diff --git a/src/frontend/src/Components/map/mapPopup.js b/src/frontend/src/Components/map/mapPopup.js
index 11cb649ed..66c1d6da8 100644
--- a/src/frontend/src/Components/map/mapPopup.js
+++ b/src/frontend/src/Components/map/mapPopup.js
@@ -9,6 +9,13 @@ import parse from 'html-react-parser';
 
 import colocatedCamIcon from '../../images/colocated-camera.svg';
 
+const displayCategoryMap = {
+  majorEvents: 'Major Delay',
+  minorEvents: 'Minor Delay',
+  futureEvents: 'Future Delay',
+  roadConditions: 'Road Condition',
+}
+
 function convertDirection(direction) {
   switch (direction) {
       case "N":
@@ -107,7 +114,7 @@ export function getEventPopup(eventFeature) {
               <EventTypeIcon displayCategory={eventData.display_category} />
             </div>
 
-            <p className="bold">{severity} delays</p>
+            <p className="bold">{displayCategoryMap[eventData.display_category]}</p>
           </div>
 
           <p className="bold friendly-time--mobile">