From 42b65162ae2b6ce22c0b3b173fe3399ba28c25f1 Mon Sep 17 00:00:00 2001
From: Long Alan <julong@microsoft.com>
Date: Fri, 28 Feb 2020 21:11:10 +0800
Subject: [PATCH] Add header tag

---
 .../visual-designer/src/components/nodes/Trigger.tsx   | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

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..aa92b7c7cb 100644
--- a/Composer/packages/extensions/visual-designer/src/components/nodes/Trigger.tsx
+++ b/Composer/packages/extensions/visual-designer/src/components/nodes/Trigger.tsx
@@ -35,13 +35,15 @@ export const Trigger = ({ data, onClick = () => {} }): JSX.Element => {
   const label = getLabel(data);
 
   return (
-    <div css={triggerContainerStyle}>
-      <div css={triggerContentStyle}>
-        <div css={titleStyle}>
+    <div css={triggerContainerStyle} className="trigger">
+      <div css={triggerContentStyle} className="trigger__content">
+        <div css={titleStyle} className="trigger__content-header">
           <Icon iconName="Flow" style={triggerIconStyle} />
           <span>{name}</span>
         </div>
-        <div css={subtitleStyle}>{label}</div>
+        <div css={subtitleStyle} className="trigger__content-label">
+          {label}
+        </div>
       </div>
     </div>
   );