diff --git a/js/components/ascribe_detail/edition.js b/js/components/ascribe_detail/edition.js
index fbc13a50..068b526c 100644
--- a/js/components/ascribe_detail/edition.js
+++ b/js/components/ascribe_detail/edition.js
@@ -244,7 +244,16 @@ let CoaDetails = React.createClass({
         if(this.props.coa && this.props.coa.url_safe) {
             return (
                 <div>
-                    <p className="text-center ascribe-button-list">
+                    <div
+                        className="notification-contract-pdf"
+                        style={{paddingBottom: '1em'}}>
+                        <embed
+                            className="embed-form"
+                            src={this.props.coa.url_safe}
+                            alt="pdf"
+                            pluginspage="http://www.adobe.com/products/acrobat/readstep2.html"/>
+                    </div>
+                    <div className="text-center ascribe-button-list">
                         <a href={this.props.coa.url_safe} target="_blank">
                             <button className="btn btn-default btn-xs">
                                 {getLangText('Download')} <Glyphicon glyph="cloud-download"/>
@@ -256,7 +265,7 @@ let CoaDetails = React.createClass({
                             </button>
                         </Link>
 
-                    </p>
+                    </div>
                 </div>
             );
         } else if(typeof this.props.coa === 'string'){
@@ -268,7 +277,7 @@ let CoaDetails = React.createClass({
         }
         return (
             <div className="text-center">
-                <AscribeSpinner color='dark-blue' size='lg'/>
+                <AscribeSpinner color='dark-blue' size='md'/>
                 <p>{getLangText("Just a sec, we\'re generating your COA")}</p>
                 <p>{getLangText('(you may leave the page)')}</p>
             </div>
diff --git a/js/components/ascribe_detail/edition_container.js b/js/components/ascribe_detail/edition_container.js
index 24010d47..a1fa7f58 100644
--- a/js/components/ascribe_detail/edition_container.js
+++ b/js/components/ascribe_detail/edition_container.js
@@ -87,16 +87,16 @@ let EditionContainer = React.createClass({
     },
 
     render() {
-        if (this.state.edition && this.state.edition.id &&
-            this.state.currentUser && this.state.currentUser.email) {
-            setDocumentTitle([this.state.edition.artist_name, this.state.edition.title].join(', '));
+        const {edition, currentUser, coaMeta} = this.state;
+        if (edition && edition.id && currentUser && currentUser.email) {
+            setDocumentTitle([edition.artist_name, edition.title].join(', '));
             return (
                 <Edition
                     actionPanelButtonListType={this.props.actionPanelButtonListType}
                     furtherDetailsType={this.props.furtherDetailsType}
-                    edition={this.state.edition}
-                    coaError={this.state.coaMeta.err}
-                    currentUser={this.state.currentUser}
+                    edition={edition}
+                    coaError={coaMeta.err}
+                    currentUser={currentUser}
                     loadEdition={() => EditionActions.fetchEdition(this.props.params.editionId)} />
             );
         } else {