diff --git a/web-app/src/components/StepHelp/index.tsx b/web-app/src/components/StepHelp/index.tsx
index b0f74ad9..b4f56db0 100644
--- a/web-app/src/components/StepHelp/index.tsx
+++ b/web-app/src/components/StepHelp/index.tsx
@@ -1,6 +1,7 @@
 import { Balloon } from '@alifd/next'
 import * as React from 'react'
 import { css, jsx } from '@emotion/core'
+import Icon from '../Icon'
 import Button from '../Button'
 
 const styles = {
@@ -28,17 +29,32 @@ interface Props {
 }
 
 const StepHelp = (props: Props) => {
+  const [visible, setVisible] = React.useState(false)
   // TODO extract or replace load solution
   const [loadedSolution, setLoadedSolution] = React.useState()
   const onClickHandler = () => {
     if (!loadedSolution) {
       setLoadedSolution(true)
       props.onLoadSolution()
+      setVisible(false)
     }
   }
-  const promptLeft = <Button css={styles.iconButton}>i</Button>
+  const promptLeft = (
+    <Button css={styles.iconButton} onClick={() => setVisible(!visible)}>
+      <Icon type="help" />
+    </Button>
+  )
   return (
-    <Balloon trigger={promptLeft} align="l" alignEdge triggerType="click" css={{ width: 150 }} closable={false}>
+    <Balloon
+      trigger={promptLeft}
+      align="l"
+      alignEdge
+      triggerType="click"
+      css={{ width: 150 }}
+      closable
+      visible={visible}
+      onClose={() => setVisible(false)}
+    >
       <div>
         <h4 css={styles.balloonTitle}>Stuck?</h4>
         <div css={styles.balloonOptions}>
diff --git a/web-app/src/containers/Overview/OverviewPage.tsx b/web-app/src/containers/Overview/OverviewPage.tsx
index 97eb6da1..983e6d77 100644
--- a/web-app/src/containers/Overview/OverviewPage.tsx
+++ b/web-app/src/containers/Overview/OverviewPage.tsx
@@ -13,7 +13,7 @@ const styles = {
     display: 'flex' as 'flex',
     flexDirection: 'column' as 'column',
     width: '100%',
-    paddingBottom: footerHeight,
+    paddingBottom: '5rem',
   },
   summary: {
     padding: '0rem 1rem 1rem 1rem',
diff --git a/web-app/stories/Step.stories.tsx b/web-app/stories/Step.stories.tsx
index 90002bfa..47122582 100644
--- a/web-app/stories/Step.stories.tsx
+++ b/web-app/stories/Step.stories.tsx
@@ -31,13 +31,8 @@ const paragraphText = `Markdown included \`code\`, *bold*, & _italics_.
 storiesOf('Level', module)
   .addDecorator(SideBarDecorator)
   .addDecorator(withKnobs)
-  .add('Step', () => (
-    <Step
-      order={1}
-      content={text('text', stepText)}
-      status={select('mode', { ACTIVE: 'ACTIVE', COMPLETE: 'COMPLETE', INCOMPLETE: 'INCOMPLETE' }, 'COMPLETE', 'step')}
-      onLoadSolution={action('onLoadSolution')}
-    />
+  .add('Active Step', () => (
+    <Step order={1} content={text('text', stepText)} status="ACTIVE" onLoadSolution={action('onLoadSolution')} />
   ))
   .add('Step Markdown', () => (
     <Step