diff --git a/packages/react-core/src/components/ToggleGroup/ToggleGroupItem.tsx b/packages/react-core/src/components/ToggleGroup/ToggleGroupItem.tsx
index b9d315ccdeb..2e17f6e3c8f 100644
--- a/packages/react-core/src/components/ToggleGroup/ToggleGroupItem.tsx
+++ b/packages/react-core/src/components/ToggleGroup/ToggleGroupItem.tsx
@@ -45,6 +45,8 @@ export const ToggleGroupItem: React.FunctionComponent<ToggleGroupItemProps> = ({
     console.warn('An accessible aria-label is required when using the toggle group item icon variant.');
   }
 
+  const toggleGroupIcon = <ToggleGroupItemElement variant={ToggleGroupItemVariant.icon}>{icon}</ToggleGroupItemElement>;
+
   return (
     <div className={css(styles.toggleGroupItem, className)} {...props}>
       <button
@@ -56,13 +58,9 @@ export const ToggleGroupItem: React.FunctionComponent<ToggleGroupItemProps> = ({
         disabled={isDisabled}
         id={buttonId}
       >
-        {icon && iconPosition === 'start' && (
-          <ToggleGroupItemElement variant={ToggleGroupItemVariant.icon}>{icon}</ToggleGroupItemElement>
-        )}
+        {icon && iconPosition === 'start' && toggleGroupIcon}
         {text && <ToggleGroupItemElement variant={ToggleGroupItemVariant.text}>{text}</ToggleGroupItemElement>}
-        {icon && iconPosition === 'end' && (
-          <ToggleGroupItemElement variant={ToggleGroupItemVariant.icon}>{icon}</ToggleGroupItemElement>
-        )}
+        {icon && iconPosition === 'end' && toggleGroupIcon}
       </button>
     </div>
   );