1 files changed, 4 insertions, 2 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 4506664..1825732 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
@@ -6,6 +6,7 @@ import actions from 'app/actions'
 import { Arrow } from '../nav/viewer.icons'
 import ViewerSectionsShare from './viewer.sections.share'
 import ViewerSectionsSubscribe from './viewer.sections.subscribe'
+import ViewerSectionsFootnotes from './viewer.sections.footnotes'
 
 class ViewerSectionsNav extends Component {
   render() {
@@ -35,16 +36,17 @@ class ViewerSectionsNav extends Component {
               {'Checklist'}
             </div>
           </div>
-          <div>
+          <div className='footnotes-element'>
             <div className="footnotes-link link">
               <span onClick={() => actions.viewer.showNavComponent('footnotes')}>
                 <Arrow type={viewer.footnotes ? 'down' : 'up'} />
-                {'Footnotes'}
+                {'Notes'}
               </span>
             </div>
             <div className="transcript-link link" onClick={() => actions.viewer.openTranscript()}>
               {'Transcript'}
             </div>
+            <ViewerSectionsFootnotes />
           </div>
         </div>
       </div>