diff --git a/ui/src/onboarding/components/OnboardingSideBar.tsx b/ui/src/onboarding/components/OnboardingSideBar.tsx
index 88d4a6b6b6..d2cfbb9d48 100644
--- a/ui/src/onboarding/components/OnboardingSideBar.tsx
+++ b/ui/src/onboarding/components/OnboardingSideBar.tsx
@@ -27,6 +27,7 @@ interface Props {
   notify: NotificationAction
   onTabClick: (tabID: string) => void
   currentStepIndex: number
+  handleNewSourceClick: () => void
 }
 
 const configStateToTabStatus = (cs: ConfigurationState): TabStatus => {
@@ -70,6 +71,7 @@ class OnboardingSideBar extends Component<Props> {
   }
 
   private get buttons(): JSX.Element[] {
+    const {handleNewSourceClick} = this.props
     return [
       <SideBar.Button
         key="Download Config File"
@@ -85,6 +87,7 @@ class OnboardingSideBar extends Component<Props> {
         titleText="Add New Source"
         color={ComponentColor.Default}
         icon={IconFont.Plus}
+        onClick={handleNewSourceClick}
       />,
     ]
   }
diff --git a/ui/src/onboarding/containers/OnboardingWizard.tsx b/ui/src/onboarding/containers/OnboardingWizard.tsx
index 5f33859a2d..fc0df6d919 100644
--- a/ui/src/onboarding/containers/OnboardingWizard.tsx
+++ b/ui/src/onboarding/containers/OnboardingWizard.tsx
@@ -121,6 +121,7 @@ class OnboardingWizard extends PureComponent<Props> {
       onSaveTelegrafConfig,
       setupParams,
       notify,
+      onDecrementCurrentStepIndex,
     } = this.props
 
     return (
@@ -135,6 +136,7 @@ class OnboardingWizard extends PureComponent<Props> {
             title="Selected Sources"
             visible={this.sideBarVisible}
             currentStepIndex={currentStepIndex}
+            handleNewSourceClick={onDecrementCurrentStepIndex}
           />
           <div className="wizard-step--container">
             <OnboardingStepSwitcher