chore(buttons): fix jumplinks/tabs button usage

Author: mcoker

packages/react-core/src/components/JumpLinks/JumpLinks.tsx

@@ -249,11 +249,13 @@ export const JumpLinks: React.FunctionComponent<JumpLinksProps> = ({
                 onClick={() => setIsExpanded(!isExpanded)}
                 aria-label={toggleAriaLabel}
                 aria-expanded={isExpanded}
+                icon={
+                  <span className={styles.jumpLinksToggleIcon}>
+                    <AngleRightIcon />
+                  </span>
+                }
               >
-                <span className={styles.jumpLinksToggleIcon}>
-                  <AngleRightIcon />
-                </span>
-                {label && <span> {label} </span>}
+                {label && label}
               </Button>
             </div>
           )}

packages/react-core/src/components/Tabs/Tabs.tsx

@@ -521,10 +521,12 @@ class Tabs extends React.Component<TabsProps, TabsState> {
                       aria-expanded={isExpandedLocal}
                       id={`${randomId}-button`}
                       aria-labelledby={`${randomId}-text ${randomId}-button`}
+                      icon={
+                        <span className={css(styles.tabsToggleIcon)}>
+                          <AngleRightIcon />
+                        </span>
+                      }
                     >
-                      <span className={css(styles.tabsToggleIcon)}>
-                        <AngleRightIcon arian-hidden="true" />
-                      </span>
                       {toggleText && <span id={`${randomId}-text`}>{toggleText}</span>}
                     </Button>
                   </div>