Merge pull request #1790 from RedisInsight/fe/bugfix/RI-4244_workbench_styles

#RI-4244 - fix workbench icon issue

Author: vlad-dargel

redisinsight/ui/src/components/query-card/QueryCardHeader/QueryCardHeader.tsx

@@ -346,12 +346,12 @@ const QueryCardHeader = (props: Props) => {
             </EuiToolTip>
           )}
         </EuiFlexItem>
-        <EuiFlexItem
-          grow={false}
-          className={cx(styles.buttonIcon, styles.viewTypeIcon)}
-          onClick={onDropDownViewClick}
-        >
-          {isOpen && canCommandProfile && !summaryText && (
+        {isOpen && canCommandProfile && !summaryText && (
+          <EuiFlexItem
+            grow={false}
+            className={cx(styles.buttonIcon, styles.viewTypeIcon)}
+            onClick={onDropDownViewClick}
+          >
             <div className={styles.dropdownWrapper}>
               <div className={styles.dropdown}>
                 <EuiSuperSelect
@@ -364,8 +364,8 @@ const QueryCardHeader = (props: Props) => {
                 />
               </div>
             </div>
-          )}
-        </EuiFlexItem>
+          </EuiFlexItem>
+        )}
         <EuiFlexItem
           grow={false}
           className={cx(styles.buttonIcon, styles.viewTypeIcon)}