diff --git a/client/src/js/modules/samples/views/view.js b/client/src/js/modules/samples/views/view.js
index 30777376e..e61bfe3db 100644
--- a/client/src/js/modules/samples/views/view.js
+++ b/client/src/js/modules/samples/views/view.js
@@ -108,6 +108,7 @@ define(['marionette',
             edit.create('DIMENSION3', 'text')
             edit.create('SHAPE', 'text')
             edit.create('COLOR', 'text')
+            edit.create('SMILES', 'text')
 
             if (!this.model.get('HASDATA')) {
                 edit.create('CODE', 'text')
diff --git a/client/src/js/templates/samples/sample.html b/client/src/js/templates/samples/sample.html
index 5441c2012..c91892776 100644
--- a/client/src/js/templates/samples/sample.html
+++ b/client/src/js/templates/samples/sample.html
@@ -94,6 +94,11 @@ <h1 data-testid="sample-header">Sample Details</h1>
             <span class="COMMENTS" data-testid="sample-comments"><%-COMMENTS%></span>
         </li>
 
+        <li>
+            <span class="label">SMILES Code</span>
+            <span class="SMILES" data-testid="sample-smiles"><%-SMILES%></span>
+        </li>
+
         <li>
             <span class="label">Barcode</span>
             <span class="CODE" data-testid="sample-barcode"><%-CODE%></span>