diff --git a/Composer/packages/extensions/visual-designer/src/components/nodes/Trigger.tsx b/Composer/packages/extensions/visual-designer/src/components/nodes/Trigger.tsx
index 82435f8dbd..2747730c35 100644
--- a/Composer/packages/extensions/visual-designer/src/components/nodes/Trigger.tsx
+++ b/Composer/packages/extensions/visual-designer/src/components/nodes/Trigger.tsx
@@ -14,6 +14,7 @@ import {
   titleStyle,
   subtitleStyle,
   triggerIconStyle,
+  titleContentStyle,
 } from './triggerStyles';
 
 function getLabel(data: any): string {
@@ -39,9 +40,11 @@ export const Trigger = ({ data, onClick = () => {} }): JSX.Element => {
       <div css={triggerContentStyle}>
         <div css={titleStyle}>
           <Icon iconName="Flow" style={triggerIconStyle} />
-          <span>{name}</span>
+          <h4 css={titleContentStyle}>{name}</h4>
+        </div>
+        <div css={subtitleStyle} className="trigger__content-label">
+          {label}
         </div>
-        <div css={subtitleStyle}>{label}</div>
       </div>
     </div>
   );
diff --git a/Composer/packages/extensions/visual-designer/src/components/nodes/triggerStyles.ts b/Composer/packages/extensions/visual-designer/src/components/nodes/triggerStyles.ts
index 392068703a..57cc3b154f 100644
--- a/Composer/packages/extensions/visual-designer/src/components/nodes/triggerStyles.ts
+++ b/Composer/packages/extensions/visual-designer/src/components/nodes/triggerStyles.ts
@@ -28,8 +28,13 @@ export const titleStyle: any = {
   fontSize: '18px',
   lineHeight: '24px',
   fontWeight: 600,
+  display: 'flex',
 };
 
+export const titleContentStyle = {
+  fontWeight: 600,
+  margin: '0px',
+};
 export const subtitleStyle: any = {
   whiteSpace: 'nowrap',
   color: ObiColors.LightGray,