diff --git a/Composer/packages/extensions/visual-designer/src/components/nodes/templates/FormCard.tsx b/Composer/packages/extensions/visual-designer/src/components/nodes/templates/FormCard.tsx
index 512ccb94fd..40bf1effeb 100644
--- a/Composer/packages/extensions/visual-designer/src/components/nodes/templates/FormCard.tsx
+++ b/Composer/packages/extensions/visual-designer/src/components/nodes/templates/FormCard.tsx
@@ -70,7 +70,20 @@ export const FormCard: FunctionComponent<NodeProps> = ({
           color: 'black',
         }}
       >
-        <div css={{ padding: '4px 8px', fontSize: '12px', fontFamily: 'Segoe UI', lineHeight: '14px' }}>{header}</div>
+        <div
+          css={{
+            padding: '4px 8px',
+            fontSize: '12px',
+            fontFamily: 'Segoe UI',
+            lineHeight: '14px',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            width: 'calc(100% - 40px)',
+            whiteSpace: 'pre',
+          }}
+        >
+          {header}
+        </div>
         <div css={{ position: 'absolute', top: 4, right: 0 }}>{corner}</div>
       </div>
       <div