From 61782639031c2ae023f46530df707c6e8a1eb27c Mon Sep 17 00:00:00 2001
From: Chris Whitten <christopher.whitten@microsoft.com>
Date: Thu, 23 Apr 2020 13:19:14 -0700
Subject: [PATCH] Adds Fragment

---
 Composer/packages/client/src/components/Header/index.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/Composer/packages/client/src/components/Header/index.jsx b/Composer/packages/client/src/components/Header/index.jsx
index cfb527a6cc..80e8c99e67 100644
--- a/Composer/packages/client/src/components/Header/index.jsx
+++ b/Composer/packages/client/src/components/Header/index.jsx
@@ -5,7 +5,7 @@
 import { jsx } from '@emotion/core';
 import formatMessage from 'format-message';
 import { IconButton } from 'office-ui-fabric-react/lib/Button';
-import { useContext, useCallback } from 'react';
+import { useContext, useCallback, Fragment } from 'react';
 
 import composerIcon from '../../images/composerIcon.svg';
 import { AppUpdaterStatus } from '../../constants';
@@ -36,10 +36,11 @@ export const Header = props => {
       />
       <div css={title}>{formatMessage('Bot Framework Composer')}</div>
       {props.botName && (
+        <Fragment>
           <div css={divider} />
           <span css={botName}>{`${props.botName} (${props.locale})`}</span>
-        )
-      }
+        </Fragment>
+      )}
       {showUpdateAvailableIcon && (
         <IconButton
           iconProps={{ iconName: 'History' }}