1 files changed, 5 insertions, 5 deletions
diff --git a/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js b/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js
index 56046c3..4506664 100644
--- a/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js
+++ b/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js
@@ -16,28 +16,28 @@ class ViewerSectionsNav extends Component {
           <div>
             <div className="share-link link">
               <ViewerSectionsShare />
-              <span onClick={() => actions.viewer.toggleComponent('share')}>
+              <span onClick={() => actions.viewer.showNavComponent('share')}>
                 <Arrow type={'up'} />
                 {'Share'}
               </span>
             </div>
             <div className="subscribe-link link">
               <ViewerSectionsSubscribe />
-              <span onClick={() => actions.viewer.toggleComponent('subscribe')}>
+              <span onClick={() => actions.viewer.showNavComponent('subscribe')}>
                 <Arrow type={viewer.subscribe ? 'down' : 'up'} />
                 {'Subscribe'}
               </span>
             </div>
           </div>
-          <div>
-            <div className="checklist-link link" onClick={() => actions.viewer.toggleComponent('checklist')}>
+          <div className="checklist-element" onClick={() => actions.viewer.toggleNavComponent('checklist')}>
+            <div className="checklist-link link">
               <Arrow type={viewer.checklist ? 'down': 'up'} />
               {'Checklist'}
             </div>
           </div>
           <div>
             <div className="footnotes-link link">
-              <span onClick={() => actions.viewer.toggleComponent('footnotes')}>
+              <span onClick={() => actions.viewer.showNavComponent('footnotes')}>
                 <Arrow type={viewer.footnotes ? 'down' : 'up'} />
                 {'Footnotes'}
               </span>