diff --git a/assets/dashboard/js/app.js b/assets/dashboard/js/app.js
index 68e33ce..79fe9c9 100644
--- a/assets/dashboard/js/app.js
+++ b/assets/dashboard/js/app.js
@@ -986,7 +986,6 @@ function startUploadProcess() {
             from: GlobalUserAddress,
             value: contractCost
         };
-        $('#preparingUploadModal').modal('hide');
         console.log("Contract Address: " + GlobalControllerContractAddress + " Value: " + contractCost);
         if (privateKeyLogin == true) {
             const tx = {
@@ -1006,6 +1005,7 @@ function startUploadProcess() {
                             if (result) {
                                 console.log("Result: " + result);
                                 $('#minedBlockTrackerModal').modal('show');
+                                $('#preparingUploadModal').modal('hide');
                                 waitForReceipt(result, function(receipt) {
                                     console.log("Transaction Has Been Mined: " + receipt);
                                     $('#minedBlockTrackerModal').modal('hide');
@@ -1027,6 +1027,7 @@ function startUploadProcess() {
                 if (!error) {
                     if (result) {
                         $('#minedBlockTrackerModal').modal('show');
+                        $('#preparingUploadModal').modal('hide');
                         waitForReceipt(result, function(receipt) {
                             console.log("Transaction Has Been Mined: " + receipt);
                             $('#minedBlockTrackerModal').modal('hide');
diff --git a/assets/templates/uploads.html b/assets/templates/uploads.html
index 240859a..e2c2809 100644
--- a/assets/templates/uploads.html
+++ b/assets/templates/uploads.html
@@ -1,6 +1,7 @@
 <head>
   <!-- Google Fonts -->
-  <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
+  <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet"
+    type="text/css">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
   <!-- Bootstrap Core Css -->
   <link href="assets/dashboard/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
@@ -12,7 +13,8 @@
 <link href="assets/dashboard/plugins/morrisjs/morris.css" rel="stylesheet" />-->
   <!-- Custom Css -->
   <link href="assets/dashboard/css/style.css" rel="stylesheet">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
+  <link rel="stylesheet"
+    href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
   <!-- AdminBSB Themes. You can choose a theme from css/themes instead of get all themes -->
   <link href="assets/dashboard/css/themes/all-themes.css" rel="stylesheet" />
   <link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.1/mapbox-gl.css" rel="stylesheet">
@@ -185,14 +187,16 @@
                 </tr>
                 <tr style="border-color:#000;">
                   <td data-th="Private Key">
-                    <input type="text" id="privatekey" name="privatekey" placeholder="Enter Private Key" style="color:Black;">
+                    <input type="text" id="privatekey" name="privatekey" placeholder="Enter Private Key"
+                      style="color:Black;">
                   </td>
                 </tr>
               </table>
             </div>
           </div>
           <div class="modal-footer" style="background-color: #840032;">
-            <button type="button" class="btn btn-link waves-effect" data-dismiss="modal" id="ethofs-login-button" onclick="ethofsLogin(document.getElementById('privatekey').value);">LOGIN</button>
+            <button type="button" class="btn btn-link waves-effect" data-dismiss="modal" id="ethofs-login-button"
+              onclick="ethofsLogin(document.getElementById('privatekey').value);">LOGIN</button>
           </div>
         </div>
       </div>
@@ -220,7 +224,8 @@
             </div>
           </div>
           <div class="modal-footer" style="background-color: #840032;">
-            <button type="button" class="btn btn-link waves-effect" data-dismiss="modal" id="ethofs-registration-button" onclick="AddNewUser(document.getElementById('username').value);">REGISTER</button>
+            <button type="button" class="btn btn-link waves-effect" data-dismiss="modal" id="ethofs-registration-button"
+              onclick="AddNewUser(document.getElementById('username').value);">REGISTER</button>
           </div>
         </div>
       </div>
@@ -265,7 +270,8 @@
             </div>
             <div class="modal-footer">
               <button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>
-              <button type="button" class="btn btn-link waves-effect" data-toggle="modal" data-dismiss="modal" data-target="#defaultModal2">NEXT</button>
+              <button type="button" class="btn btn-link waves-effect" data-toggle="modal" data-dismiss="modal"
+                data-target="#defaultModal2">NEXT</button>
             </div>
           </div>
         </div>
@@ -290,7 +296,8 @@
                       box to upload.
                     </p>
                   </center>
-                  <input type="file" id="fileUploadButton" webkitdirectory="true" mozdirectory="true" msdirectory="true" odirectory="true" directory="true" multiple="true">
+                  <input type="file" id="fileUploadButton" webkitdirectory="true" mozdirectory="true" msdirectory="true"
+                    odirectory="true" directory="true" multiple="true">
                 </div>
                 <div id="progress-container">
                   <div id="progress-bar"></div>
@@ -309,7 +316,8 @@
             </div>
             <div class="modal-footer">
               <button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>
-              <button type="button" class="btn btn-link waves-effect" data-toggle="modal" data-dismiss="modal" data-target="#defaultModal3">NEXT</button>
+              <button type="button" class="btn btn-link waves-effect" data-toggle="modal" data-dismiss="modal"
+                data-target="#defaultModal3">NEXT</button>
             </div>
           </div>
         </div>
@@ -331,7 +339,8 @@
                   </tr>
                   <tr style="border-color:#000;">
                     <td data-th="Contract Name">
-                      <input type="text" id="newcontractname" name="newcontractname" placeholder="Enter Contract Name" style="color:white;">
+                      <input type="text" id="newcontractname" name="newcontractname" placeholder="Enter Contract Name"
+                        style="color:white;">
                     </td>
                   </tr>
                   <tr>
@@ -375,7 +384,8 @@
 
                 <div class="modal-footer">
                   <button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>
-                  <button type="button" class="btn btn-link waves-effect" data-dismiss="modal" id="upload-confirm-button" onclick="startUploadProcess();">CONFIRM</button>
+                  <button type="button" class="btn btn-link waves-effect" data-dismiss="modal"
+                    id="upload-confirm-button" onclick="startUploadProcess();">CONFIRM</button>
                 </div>
               </main>
             </div>
@@ -387,7 +397,8 @@
           <div class="modal-content" style="background-color: #840032;">
             <div class="modal-header">
               <h4 class="modal-title" id="defaultModalLabel" style="color:white;">
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:#ffffff;" onclick="updateContractTable();">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:#ffffff;"
+                  onclick="updateContractTable();">
                   <span aria-hidden="true">&times;</span>
                 </button>
                 <br>
@@ -399,30 +410,36 @@
               <main>
                 <div class="box node" style="width:100%; background: #000000;">
                   <h3 style="padding: 10px;">ethoFS Upload Status:
-                    <span id="upload-status-message" style="color: #3CB371; text-align: center !important;">In Progress</span>
+                    <span id="upload-status-message" style="color: #3CB371; text-align: center !important;">In
+                      Progress</span>
                   </h3>
                   <div>
                     <h3 style="padding-left:10px;">Message Log:</h3>
                     <span class="upload-message" style="color: #3CB371; font-size: 24px; padding: 10px"></span>
                   </div>
-                  <div class="summary" style="text-align: center !important; padding: 10px; width:100%; background: #000000;">
+                  <div class="summary"
+                    style="text-align: center !important; padding: 10px; width:100%; background: #000000;">
                     <div id="myBar">0%</div>
                   </div>
                 </div>
               </main>
             </div>
-            <div class="modal-footer" style="background-color: #840032; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color:#000">
-              <button type="button" class="btn btn-primary" id="upload-check-button" onclick="finishUploadModal(); event.stopPropagation();">Close</button>
+            <div class="modal-footer"
+              style="background-color: #840032; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color:#000">
+              <button type="button" class="btn btn-primary" id="upload-check-button"
+                onclick="finishUploadModal(); event.stopPropagation();">Close</button>
             </div>
           </div>
         </div>
       </div>
-      <div class="modal fade" id="analyzeDataModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel" aria-hidden="true" data-backdrop="static">
+      <div class="modal fade" id="analyzeDataModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel"
+        aria-hidden="true" data-backdrop="static">
         <div class="modal-dialog" role="document">
           <div class="modal-content" style="background-color: #840032;">
             <div class="modal-header">
               <h4 class="modal-title" id="defaultModalLabel" style="color:white;">
-                <button type="button" class="close" data-dismiss="modal" id="analyze-close-button" aria-label="Close" style="color:#ffffff;">
+                <button type="button" class="close" data-dismiss="modal" id="analyze-close-button" aria-label="Close"
+                  style="color:#ffffff;">
                   <span aria-hidden="true">&times;</span>
                 </button>
                 <br>
@@ -435,232 +452,248 @@
                 <main>
                   <div class="box node" style="width:100%; background: #000000;">
                     <h4 style="padding: 20px;">Data Upload Status:
-                      <span id="analyze-status-message" style="color: #3CB371; font-size: 24px;">Analyzing Upload Data</span>
+                      <span id="analyze-status-message" style="color: #3CB371; font-size: 24px;">Analyzing Upload
+                        Data</span>
                     </h4>
                     <div>
                       <h4 style="padding-left:10px;">Message Log:</h4>
                       <pre class="analyze-message" style="color: #3CB371; font-size: 24px;"></pre>
                     </div>
-                    <div class="summary" style="text-align: center !important; padding: 10px; width:100%; background: #000000;">
+                    <div class="summary"
+                      style="text-align: center !important; padding: 10px; width:100%; background: #000000;">
                       <div id="myAnalyzeBar">0%</div>
                     </div>
                   </div>
 
 
-                  <div class="modal-footer" style="background-color: #840032; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color:#000">
-                    <button type="button" class="btn btn-primary" id="upload-check-button" onclick="finishUploadModal(); event.stopPropagation();">Close</button>
+                  <div class="modal-footer"
+                    style="background-color: #840032; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color:#000">
+                    <button type="button" class="btn btn-primary" id="upload-check-button"
+                      onclick="finishUploadModal(); event.stopPropagation();">Close</button>
                   </div>
                 </main>
             </div>
           </div>
         </div>
-        <!-- end analyze data modal -->
-        <!-- begin mined block checking modal -->
-        <div class="modal fade" id="minedBlockTrackerModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel" aria-hidden="true" data-backdrop="static">
-          <div class="modal-dialog" role="document">
-            <div class="modal-content" style="background-color: #840032;">
-              <div class="modal-header">
-                <h5 class="modal-title" id="staticModalLabel" style="font-weight:bold; color:#ffffff;">Waiting
-                  For Confirmation | ethoFS Block Tracker</h5>
-                <br>
-                <center>
-                  <img src="assets/dashboard/images/ethofslogo.png" width="200" alt="Ether-1 ethoFS Logo">
-                </center>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:#ffffff;">
-                  <span aria-hidden="true">&times;</span>
-                </button>
-              </div>
-              <div class="modal-body">
-                <main>
-                  <div class="box node" style="width:100%; background: #000000; background-color: #000;">
-                    <h3 style="padding: 20px;">Ether-1 Transaction Status:
-                      <span id="mining-status-message" style="color: #3CB371; font-size: 24px; text-align: center !important;">In
-                        Progress</span>
-                    </h3>
-                    <div>
-                      <h3 style="padding-left:20px;">Message Log:</h3>
-                      <center>
-                        <span class="mining-message" id="mining-message" style="color: #3CB371; font-size: 24px;"></span>
-                      </center>
-                    </div>
-                    <div class="summary" style="text-align: center !important; padding: 20px; width:100%; background: #000000;">
-                      <h3 style="font-size: 24px;">Current Ether-1 Block Height:
-                        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
-                        <span id="block-height" style="color: #3CB371; font-size: 24px;">0</span>
-                      </h3>
-                    </div>
-                  </div>
-                </main>
-              </div>
+      </div>
+      <!-- end analyze data modal -->
+      <!-- begin mined block checking modal -->
+      <div class="modal fade" id="minedBlockTrackerModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel"
+        aria-hidden="true" data-backdrop="static">
+        <div class="modal-dialog" role="document">
+          <div class="modal-content" style="background-color: #840032;">
+            <div class="modal-header">
+              <h5 class="modal-title" id="staticModalLabel" style="font-weight:bold; color:#ffffff;">Waiting
+                For Confirmation | ethoFS Block Tracker</h5>
+              <br>
+              <center>
+                <img src="assets/dashboard/images/ethofslogo.png" width="200" alt="Ether-1 ethoFS Logo">
+              </center>
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:#ffffff;">
+                <span aria-hidden="true">&times;</span>
+              </button>
             </div>
-          </div>
-        </div>
-        <!-- end mined block checking modal -->
-        <!-- begin preparing upload modal -->
-        <div class="modal fade" id="preparingUploadModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel" aria-hidden="true" data-backdrop="static">
-          <div class="modal-dialog" role="document">
-            <div class="modal-content" style="background-color: #840032;">
-              <div class="modal-header">
-                <h5 class="modal-title" id="staticModalLabel" style="font-weight:bold; color:#ffffff;">Preparing
-                  Data Upload | ethoFS Block Tracker</h5>
-                <br>
-                <center>
-                  <img src="assets/dashboard/images/ethofslogo.png" width="200" alt="Ether-1 ethoFS Logo">
-                </center>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:#ffffff;">
-                  <span aria-hidden="true">&times;</span>
-                </button>
-              </div>
-              <div class="modal-body">
-                <main>
-                  <div class="box node" style="width:100%; background: #000000;">
-                    <h3 style="padding: 20px;">ETHOFS UPLOAD STATUS:
-                      <span id="preparing-status-message" style="color: #3CB371; font-size: 24px;">PREPARING UPLOAD</span>
-                    </h3>
-                    <div>
-                      <h3 style="padding-left:20px;">Message Log:</h3>
-                      <span class="mining-message" id="preparing-message" style="color: #3CB371;">Preparing Data For Upload</span>
-                    </div>
-                  </div>
-                </main>
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- end preparing upload modal -->
-        <!-- begin contract detail modal -->
-        <div class="modal fade" id="contractDetailModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel" aria-hidden="true" data-backdrop="static">
-          <div class="modal-dialog" role="document">
-            <div class="modal-content" style="background-color: #840032;">
-              <div class="modal-header">
-                <h4 class="modal-title" id="defaultModalLabel" style="color:white;">ethoFS Hosting Contract
-                  Details</h4>
-                <br>
-                <center>
-                  <img src="assets/dashboard/images/ethofslogo.png" width="200" alt="Ether-1 ethoFS Logo">
-                </center>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: white;" onclick="resetContractDetailTableRows();">
-                  <span aria-hidden="true">&times;</span>
-                </button>
-              </div>
-              <div class="modal-body">
-                <main>
-                  <div class="box node" style="width:100%;">
+            <div class="modal-body">
+              <main>
+                <div class="box node" style="width:100%; background: #000000; background-color: #000;">
+                  <h3 style="padding: 20px;">Ether-1 Transaction Status:
+                    <span id="mining-status-message"
+                      style="color: #3CB371; font-size: 24px; text-align: center !important;">In
+                      Progress</span>
+                  </h3>
+                  <div>
+                    <h3 style="padding-left:20px;">Message Log:</h3>
                     <center>
-                      <h3>ETHOFS HOSTING CONTRACT DETAILS</h3>
+                      <span class="mining-message" id="mining-message" style="color: #3CB371; font-size: 24px;"></span>
                     </center>
                   </div>
-                  <div class="summary" style="background: #000000; background-color: #000">
-                    <div id="earth"></div>
-                    <div class="box node" style="width:100%; background: #000000;">
-                      <table class="rwd-table" id="contract-detail-table" name="contract-detail-table">
-                        <tr style="border-color:#000; word-break: break-word;">
-                          <th>Contract Name</th>
-                        </tr>
-                        <tr style="border-color:#000;">
-                          <td data-th="Contract Name">
-                            <span id="contract-detail-name" name="contract-detail-name"></span>
-                          </td>
-                        </tr>
-                        <tr style="border-color:#000;">
-                          <th>Contract Deployment Block Height</th>
-                        </tr>
-                        <tr style="border-color:#000;">
-                          <td data-th="Contract Deployment Block Height">
-                            <span id="contract-detail-startblock" name="contract-detail-startblock"></span>
-                          </td>
-                        </tr>
-                        <tr style="border-color:#000;">
-                          <th>Contract Expiration Block Height</th>
-                        </tr>
-                        <tr style="border-color:#000;">
-                          <td data-th="Contract Expiration Block Height">
-                            <span id="contract-detail-endblock" name="contract-detail-endblock"></span>
-                          </td>
-                        </tr>
-                        <tr style="border-color:#000;">
-                          <th>Contract Status</th>
-                        </tr>
-                        <tr style="border-color:#000;">
-                          <td data-th="Contract Status">
-                            <span id="contract-detail-status" name="contract-detail-status"></span>
-                          </td>
-                        </tr>
-                        <tr style="border-color:#000;">
-                          <th>Total Contract Size</th>
-                        </tr>
-                        <tr style="border-color:#000;">
-                          <td data-th="Total Contract Size">
-                            <span id="contract-detail-size" name="contract-detail-size"></span>
-                          </td>
-                        </tr>
-                        <tr style="word-break: break-word">
-                          <th>Content Hash</th>
-                        </tr>
-                      </table>
-                    </div>
-                    <table class="rwd-table" id="contract-detail-extension-table" name="contract-detail-table">
-                      <tr>
-                        <th>Contract Extension Duration (Blocks)</th>
-                        <th>Cost</th>
-                      </tr>
-                      <tr>
-                        <td data-th="Contract Duration (Blocks)">
-                          <select class="js-select22" name="extend-contract" id="extend-contract" onchange="contractExtensionChange(this);">
-                            <option value="100000" selected="selected">100000
-                              - 15 Days
-                            </option>
-                            <option value="200000">200000
-                              - 30 Days
-                            </option>
-                            <option value="300000">300000
-                              - 45 Days
-                            </option>
-                            <option value="400000">400000
-                              - 60 Days
-                            </option>
-                            <option value="500000">500000
-                              - 75 Days
-                            </option>
-                            <option value="600000">600000
-                              - 90 Days
-                            </option>
-                            <option value="700000">700000
-                              - 105 Days
-                            </option>
-                            <option value="800000">800000
-                              - 120 Days
-                            </option>
-                            <option value="900000">900000
-                              - 135 Days
-                            </option>
-                            <option value="1000000">1000000
-                              - 150 Days
-                            </option>
-                          </select>
-                        </td>
-                        <td data-th="Cost">
-                          <span id="contract-extension-cost">0</span> ETHO
-                        </td>
-                      </tr>
-                    </table>
-                    <div class="table-data__tool-right" style="margin-left: 15px;">
-                      <button class="btn btn-primary" id="contract-extension-button" type="button" onclick="contractExtensionConfirmation();">Extend Hosting Contract</button>
-                      <br>
-                      <br>
-                    </div>
-
+                  <div class="summary"
+                    style="text-align: center !important; padding: 20px; width:100%; background: #000000;">
+                    <h3 style="font-size: 24px;">Current Ether-1 Block Height:
+                      &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
+                      <span id="block-height" style="color: #3CB371; font-size: 24px;">0</span>
+                    </h3>
                   </div>
-                </main>
-              </div>
-              <div class="modal-footer" style="background-color: #840032; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color:#000">
-                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="resetContractDetailTableRows();">Close</button>
-              </div>
+                </div>
+              </main>
             </div>
           </div>
         </div>
-        <!-- END MODAL -->
       </div>
+      <!-- end mined block checking modal -->
+      <!-- begin preparing upload modal -->
+      <div class="modal fade" id="preparingUploadModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel"
+        aria-hidden="true" data-backdrop="static">
+        <div class="modal-dialog" role="document">
+          <div class="modal-content" style="background-color: #840032;">
+            <div class="modal-header">
+              <h5 class="modal-title" id="staticModalLabel" style="font-weight:bold; color:#ffffff;">Preparing
+                Data Upload | ethoFS Block Tracker</h5>
+              <br>
+              <center>
+                <img src="assets/dashboard/images/ethofslogo.png" width="200" alt="Ether-1 ethoFS Logo">
+              </center>
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:#ffffff;">
+                <span aria-hidden="true">&times;</span>
+              </button>
+            </div>
+            <div class="modal-body">
+              <main>
+                <div class="box node" style="width:100%; background: #000000;">
+                  <h3 style="padding: 20px;">ETHOFS UPLOAD STATUS:
+                    <span id="preparing-status-message" style="color: #3CB371; font-size: 24px;">PREPARING UPLOAD</span>
+                  </h3>
+                  <div>
+                    <h3 style="padding-left:20px;">Message Log:</h3>
+                    <span class="mining-message" id="preparing-message" style="color: #3CB371;">Preparing Data For
+                      Upload</span>
+                  </div>
+                </div>
+              </main>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- end preparing upload modal -->
+      <!-- begin contract detail modal -->
+      <div class="modal fade" id="contractDetailModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel"
+        aria-hidden="true" data-backdrop="static">
+        <div class="modal-dialog" role="document">
+          <div class="modal-content" style="background-color: #840032;">
+            <div class="modal-header">
+              <h4 class="modal-title" id="defaultModalLabel" style="color:white;">ethoFS Hosting Contract
+                Details</h4>
+              <br>
+              <center>
+                <img src="assets/dashboard/images/ethofslogo.png" width="200" alt="Ether-1 ethoFS Logo">
+              </center>
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: white;"
+                onclick="resetContractDetailTableRows();">
+                <span aria-hidden="true">&times;</span>
+              </button>
+            </div>
+            <div class="modal-body">
+              <main>
+                <div class="box node" style="width:100%;">
+                  <center>
+                    <h3>ETHOFS HOSTING CONTRACT DETAILS</h3>
+                  </center>
+                </div>
+                <div class="summary" style="background: #000000; background-color: #000">
+                  <div id="earth"></div>
+                  <div class="box node" style="width:100%; background: #000000;">
+                    <table class="rwd-table" id="contract-detail-table" name="contract-detail-table">
+                      <tr style="border-color:#000; word-break: break-word;">
+                        <th>Contract Name</th>
+                      </tr>
+                      <tr style="border-color:#000;">
+                        <td data-th="Contract Name">
+                          <span id="contract-detail-name" name="contract-detail-name"></span>
+                        </td>
+                      </tr>
+                      <tr style="border-color:#000;">
+                        <th>Contract Deployment Block Height</th>
+                      </tr>
+                      <tr style="border-color:#000;">
+                        <td data-th="Contract Deployment Block Height">
+                          <span id="contract-detail-startblock" name="contract-detail-startblock"></span>
+                        </td>
+                      </tr>
+                      <tr style="border-color:#000;">
+                        <th>Contract Expiration Block Height</th>
+                      </tr>
+                      <tr style="border-color:#000;">
+                        <td data-th="Contract Expiration Block Height">
+                          <span id="contract-detail-endblock" name="contract-detail-endblock"></span>
+                        </td>
+                      </tr>
+                      <tr style="border-color:#000;">
+                        <th>Contract Status</th>
+                      </tr>
+                      <tr style="border-color:#000;">
+                        <td data-th="Contract Status">
+                          <span id="contract-detail-status" name="contract-detail-status"></span>
+                        </td>
+                      </tr>
+                      <tr style="border-color:#000;">
+                        <th>Total Contract Size</th>
+                      </tr>
+                      <tr style="border-color:#000;">
+                        <td data-th="Total Contract Size">
+                          <span id="contract-detail-size" name="contract-detail-size"></span>
+                        </td>
+                      </tr>
+                      <tr style="word-break: break-word">
+                        <th>Content Hash</th>
+                      </tr>
+                    </table>
+                  </div>
+                  <table class="rwd-table" id="contract-detail-extension-table" name="contract-detail-table">
+                    <tr>
+                      <th>Contract Extension Duration (Blocks)</th>
+                      <th>Cost</th>
+                    </tr>
+                    <tr>
+                      <td data-th="Contract Duration (Blocks)">
+                        <select class="js-select22" name="extend-contract" id="extend-contract"
+                          onchange="contractExtensionChange(this);">
+                          <option value="100000" selected="selected">100000
+                            - 15 Days
+                          </option>
+                          <option value="200000">200000
+                            - 30 Days
+                          </option>
+                          <option value="300000">300000
+                            - 45 Days
+                          </option>
+                          <option value="400000">400000
+                            - 60 Days
+                          </option>
+                          <option value="500000">500000
+                            - 75 Days
+                          </option>
+                          <option value="600000">600000
+                            - 90 Days
+                          </option>
+                          <option value="700000">700000
+                            - 105 Days
+                          </option>
+                          <option value="800000">800000
+                            - 120 Days
+                          </option>
+                          <option value="900000">900000
+                            - 135 Days
+                          </option>
+                          <option value="1000000">1000000
+                            - 150 Days
+                          </option>
+                        </select>
+                      </td>
+                      <td data-th="Cost">
+                        <span id="contract-extension-cost">0</span> ETHO
+                      </td>
+                    </tr>
+                  </table>
+                  <div class="table-data__tool-right" style="margin-left: 15px;">
+                    <button class="btn btn-primary" id="contract-extension-button" type="button"
+                      onclick="contractExtensionConfirmation();">Extend Hosting Contract</button>
+                    <br>
+                    <br>
+                  </div>
+
+                </div>
+              </main>
+            </div>
+            <div class="modal-footer"
+              style="background-color: #840032; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color:#000">
+              <button type="button" class="btn btn-primary" data-dismiss="modal"
+                onclick="resetContractDetailTableRows();">Close</button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- END MODAL -->
+    </div>
   </section>
 
   <script>
@@ -669,7 +702,8 @@
       module = undefined;
     }
   </script>
-  <script src="https://cdn.jsdelivr.net/gh/ethereum/web3.js@1.0.0-beta.36/dist/web3.min.js" integrity="sha256-nWBTbvxhJgjslRyuAKJHK+XcZPlCnmIAAMixz6EefVk=" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/gh/ethereum/web3.js@1.0.0-beta.36/dist/web3.min.js"
+    integrity="sha256-nWBTbvxhJgjslRyuAKJHK+XcZPlCnmIAAMixz6EefVk=" crossorigin="anonymous"></script>
   <!-- Jquery Core Js -->
   <script src="assets/dashboard/plugins/jquery/jquery.min.js"></script>
   <!-- Bootstrap Core Js -->
@@ -707,4 +741,4 @@
       module = window.module;
   </script>
 
-</div>
+</div>
\ No newline at end of file
