2 files changed, 10 insertions, 2 deletions
diff --git a/animism-align/frontend/app/views/viewer/checklist/checklist.container.js b/animism-align/frontend/app/views/viewer/checklist/checklist.container.js
index 11310e7..c99eaa8 100644
--- a/animism-align/frontend/app/views/viewer/checklist/checklist.container.js
+++ b/animism-align/frontend/app/views/viewer/checklist/checklist.container.js
@@ -23,8 +23,8 @@ class Checklist extends Component {
     const { checklistSection } = this.state
     return (
       <div className="checklist">
-        {viewer.checklist && (
-          <div>
+        {!viewer.credits && (
+          <div className="checklist-container">
             <ChecklistDropdown
               checklistSection={checklistSection}
               onChange={this.handleSectionChange}
diff --git a/animism-align/frontend/app/views/viewer/checklist/checklist.css b/animism-align/frontend/app/views/viewer/checklist/checklist.css
index c805ed9..e7ffb00 100644
--- a/animism-align/frontend/app/views/viewer/checklist/checklist.css
+++ b/animism-align/frontend/app/views/viewer/checklist/checklist.css
@@ -20,6 +20,14 @@
   transform: translateZ(0) translateY(0);
 }
 
+.checklist-container {
+  margin: 0 auto;
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
 
 /* dropdown */