diff --git a/packages/web/src/appobj/AppObjectList.js b/packages/web/src/appobj/AppObjectList.js
index e9364f146..81e996048 100644
--- a/packages/web/src/appobj/AppObjectList.js
+++ b/packages/web/src/appobj/AppObjectList.js
@@ -7,7 +7,7 @@ import { ExpandIcon } from '../icons';
 import useTheme from '../theme/useTheme';
 
 const SubItemsDiv = styled.div`
-  margin-left: 16px;
+  margin-left: 28px;
 `;
 
 const ExpandIconHolder2 = styled.span`
diff --git a/packages/web/src/appobj/AppObjects.js b/packages/web/src/appobj/AppObjects.js
index 0246b0630..249b5ee26 100644
--- a/packages/web/src/appobj/AppObjects.js
+++ b/packages/web/src/appobj/AppObjects.js
@@ -31,6 +31,12 @@ const StatusIconWrap = styled.span`
   margin-left: 5px;
 `;
 
+const ExtInfoWrap = styled.span`
+font-weight: normal;
+margin-left: 5px;
+  color: ${(props) => props.theme.left_font3};
+`;
+
 export function AppObjectCore({
   title,
   icon,
@@ -43,6 +49,7 @@ export function AppObjectCore({
   component = 'div',
   prefix = null,
   statusIcon,
+  extInfo,
   statusTitle,
   ...other
 }) {
@@ -78,6 +85,7 @@ export function AppObjectCore({
           <FontIcon icon={statusIcon} title={statusTitle} />
         </StatusIconWrap>
       )}
+      {extInfo && <ExtInfoWrap theme={theme}>{extInfo}</ExtInfoWrap>}
     </Component>
   );
 }
diff --git a/packages/web/src/appobj/connectionAppObject.js b/packages/web/src/appobj/connectionAppObject.js
index 82d14de9e..9a0c24637 100644
--- a/packages/web/src/appobj/connectionAppObject.js
+++ b/packages/web/src/appobj/connectionAppObject.js
@@ -82,6 +82,7 @@ const connectionAppObject = (flags) => (
       statusTitle = status.message;
     }
   }
+  const extInfo = engine;
 
   return {
     title,
@@ -94,6 +95,7 @@ const connectionAppObject = (flags) => (
     onClick,
     statusIcon,
     statusTitle,
+    extInfo,
   };
 };
 
diff --git a/packages/web/src/icons.js b/packages/web/src/icons.js
index 105cd2310..16796d572 100644
--- a/packages/web/src/icons.js
+++ b/packages/web/src/icons.js
@@ -59,7 +59,7 @@ const iconNames = {
   'img free-table': 'mdi mdi-table color-green-7',
   'img macro': 'mdi mdi-hammer-wrench',
 
-  'img database': 'mdi mdi-database color-yellow-7',
+  'img database': 'mdi mdi-database color-gold-7',
   'img table': 'mdi mdi-table color-blue-7',
   'img view': 'mdi mdi-table color-magenta-7',
   'img procedure': 'mdi mdi-cog color-blue-7',