diff --git a/htdocs/index.html b/htdocs/index.html
index 68d8aae..dcb64ce 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -7,11 +7,56 @@
     <script src="js/index.js"></script>
   </head>
   <body>
-    <h1 class="digital app-header" id="ID_SiaDrive" style="max-height: 7vh;"></h1>
+    <h1 class="digital app-header" id="ID_SiaDrive" style="height: 6vh;"></h1>
     <div id="main_window" style="height: 93vh;"></div>
+    <div class="hidden-element" id="offline_window" style="height: inherit;">
+      <div style="display: flex; flex-direction: column; height: inherit;">
+        <div class="box" style="flex-grow: 0;">
+          <h1>Connecting</h1>
+          <p>Waiting to establish connection to Sia</p>
+        </div>
+        <div class="box" style="flex-grow: 1; display: flex; align-items: center;">
+          <img style="display: block; margin-left: auto; margin-right: auto; opacity: 0.35; width: 181px; height: 103px; border-radius: 10px;" src="./images/startup.gif">
+        </div>
+      </div>
+    </div>
+    <div class="hidden-element" id="unlock_window">
+      <div class="box">
+        <h1>Unlock Wallet</h1>
+        <p>Enter wallet password and click 'Unlock' to continue.</p>
+        <input type="password" id="ID_WalletUnlockPwd" style="width: 100%;"/><br>
+        <button style="margin-top: 5px;" id="ID_UnlockWalletButton">Unlock</button>
+      </div>
+    </div>
+    <div class="hidden-element" id="unlocking_window" style="height: inherit;">
+      <div style="display: flex; flex-direction: column; height: inherit;">
+        <div class="box" style="flex-grow: 0;">
+          <h1>Unlocking Wallet</h1>
+          <p>This may take several minutes, so please be patient.</p>
+        </div>
+        <div class="box" style="flex-grow: 1; display: flex; align-items: center;">
+          <img style="display: block; margin-left: auto; margin-right: auto; opacity: 0.35; width: 181px; height: 103px; border-radius: 10px;" src="./images/startup.gif">
+        </div>
+      </div>
+    </div>
+    <div class="hidden-element" id="create_window">
+      <div class="box">
+        <h1>Create New Wallet</h1>
+        <p>Click 'Create' to create a new Sia wallet or exit the application if this is not what you want to do.</p>
+        <button id="ID_CreateWalletButton">Create</button>
+      </div>
+    </div>
+    <div class="hidden-element" id="wallet_created_window">
+      <div class="box">
+        <h1>Wallet Seed</h1>
+        <p>Please backup your generated wallet seed in a safe place. The seed is required to unlock your wallet and you will loose everything if this is lost. Click 'OK' when you are ready.</p>
+        <textarea style="width: 100%"; rows="3" id="ID_WalletSeed"></textarea>
+        <button id="ID_WalletCreatedButton">OK</button>
+      </div>
+    </div>
     <div class="hidden-element" id="app_window">
       <div class="box" id="general_info">
-        <h1>Sia Information  <a href="javascript:void(0)" id="ID_Sia_Settings_Edit">settings</a></h1>
+        <h1>Sia Information <a href="javascript:void(0)" id="ID_Sia_Settings_Edit">settings</a></h1>
         <div style="float: right;">
           <table>
             <tr>
@@ -112,51 +157,6 @@
         </table>
       </div>
     </div>
-    <div class="hidden-element" id="unlock_window">
-      <div class="box">
-        <h1>Unlock</h1>
-        <p>Enter wallet password and click 'Unlock' to continue.</p>
-        <input type="password" id="ID_WalletUnlockPwd" style="width: 100%"/><br>
-        <button style="margin-top: 5px;" id="ID_UnlockWalletButton">Unlock</button>
-      </div>
-    </div>
-    <div class="hidden-element" id="wallet_created_window">
-      <div class="box">
-        <h1>Wallet Seed</h1>
-        <p>Please backup your generated wallet seed in a safe place. The seed is required to unlock your wallet and you will loose everything if this is lost. Click 'OK' when you are ready.</p>
-        <textarea style="width: 100%"; rows="3" id="ID_WalletSeed"></textarea>
-        <button id="ID_WalletCreatedButton">OK</button>
-      </div>
-    </div>
-    <div class="hidden-element" id="unlocking_window">
-      <div class="box">
-        <h1>Unlocking Wallet</h1>
-        <p>This may take several minutes, so please be patient.</p>
-      </div>
-      <div class="box" style="padding: 0; margin-bottom: 0;">
-        <div class="fill">
-          <img style="opacity: 0.35; max-width: 181px; max-height: 103px; border-radius: 10px; display: inline-block; margin: auto auto;" src="./images/startup.gif">
-        </div>
-      </div>
-    </div>
-    <div class="hidden-element" id="create_window">
-      <div class="box">
-        <h1>Create New Wallet</h1>
-        <p>Click 'Create' to create a new Sia wallet or exit the application if this is not what you want to do.</p>
-        <button id="ID_CreateWalletButton">Create</button>
-      </div>
-    </div>
-    <div class="hidden-element" id="offline_window" style="height: inherit;">
-      <div style="display: flex; flex-direction: column; height: inherit;">
-        <div class="box" style="flex-grow: 0;">
-          <h1>Connecting</h1>
-          <p>Waiting to establish connection to Sia</p>
-        </div>
-        <div class="box" style="flex-grow: 1; display: flex; align-items: center;">
-          <img style="display: block; margin-left: auto; margin-right: auto; opacity: 0.35; width: 181px; height: 103px; border-radius: 10px;" src="./images/startup.gif">
-        </div>
-      </div>
-    </div>
     <div class="hidden-element" id="renter_settings_window">
       <div class="box" id="renter_settings">
         <h1>Buy storage on the Sia Decentralized Network</h1>
