diff --git a/src/components/Dashboard/common/ObjectDisplay.jsx b/src/components/Dashboard/common/ObjectDisplay.jsx
index 71b215a..f00cd69 100644
--- a/src/components/Dashboard/common/ObjectDisplay.jsx
+++ b/src/components/Dashboard/common/ObjectDisplay.jsx
@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import { Typography, Flex } from 'antd'
+import { Typography, Flex, Badge } from 'antd'
 import { useState, useEffect, useContext, useCallback } from 'react'
 import { getModelByName } from '../../../database/ObjectModels'
 import { ApiServerContext } from '../context/ApiServerContext'
@@ -52,9 +52,10 @@ const ObjectDisplay = ({ object, objectType }) => {
   const model = getModelByName(objectType)
   const Icon = model.icon
   return (
-    <Flex gap={'small'}>
+    <Flex gap={'small'} align='center'>
       <Icon />
-      <Text>{objectData?.name ? objectData.name : null}</Text>
+      {objectData?.color ? <Badge color={objectData?.color} /> : null}
+      <Text ellipsis>{objectData?.name ? objectData.name : null}</Text>
     </Flex>
   )
 }