diff --git a/app/Http/Controllers/System/InstallController.php b/app/Http/Controllers/System/InstallController.php
index 7a8d53f6c3..62a5d7143a 100644
--- a/app/Http/Controllers/System/InstallController.php
+++ b/app/Http/Controllers/System/InstallController.php
@@ -127,6 +127,7 @@ class InstallController extends Controller
      */
     public function index()
     {
+        app('view')->share('FF_VERSION', config('firefly.version'));
         // index will set FF3 version.
         app('fireflyconfig')->set('ff3_version', (string)config('firefly.version'));
 
@@ -147,27 +148,19 @@ class InstallController extends Controller
         $response     = [
             'hasNextCommand' => false,
             'done'           => true,
-            'next'           => 0,
             'previous'       => null,
             'error'          => false,
             'errorMessage'   => null,
         ];
 
         Log::debug(sprintf('Will now run commands. Request index is %d', $requestIndex));
-        $index = 0;
-        /**
-         * @var string $command
-         * @var array $args
-         */
-        foreach ($this->upgradeCommands as $command => $args) {
-            Log::debug(sprintf('Current command is "%s", index is %d', $command, $index));
-            if ($index < $requestIndex) {
-                Log::debug('Will not execute.');
-                $index++;
-                continue;
-            }
+        $indexes = array_values(array_keys($this->upgradeCommands));
+        if(array_key_exists($requestIndex, $indexes)) {
+            $command = $indexes[$requestIndex];
+            $parameters = $this->upgradeCommands[$command];
+            Log::debug(sprintf('Will now execute command "%s" with parameters', $command), $parameters);
             try {
-                $result = $this->executeCommand($command, $args);
+                $result = $this->executeCommand($command, $parameters);
             } catch (FireflyException $e) {
                 Log::error($e->getMessage());
                 Log::error($e->getTraceAsString());
@@ -180,15 +173,11 @@ class InstallController extends Controller
             if (false === $result) {
                 $response['errorMessage'] = $this->lastError;
                 $response['error']        = true;
-
                 return response()->json($response);
             }
-            $index++;
-            $response['hasNextCommand'] = true;
+            $response['hasNextCommand'] = array_key_exists($requestIndex + 1, $indexes);
             $response['previous']       = $command;
         }
-        $response['next'] = $index;
-
         return response()->json($response);
     }
 
diff --git a/public/v1/js/ff/install/index.js b/public/v1/js/ff/install/index.js
index a26d547ccd..29733b9cda 100644
--- a/public/v1/js/ff/install/index.js
+++ b/public/v1/js/ff/install/index.js
@@ -23,10 +23,12 @@ $(function () {
     "use strict";
     //var status = $('#status-box');
     // set HTML to "migrating...":
-    startRunningCommands();
+    console.log('Starting...');
+    startRunningCommands(0);
 });
 
-function startRunningCommands() {
+function startRunningCommands(index) {
+    console.log('Now in startRunningCommands with index' + index);
     if (0 === index) {
         $('#status-box').html('<span class="fa fa-spin fa-spinner"></span> Running first command...');
     }
@@ -34,7 +36,8 @@ function startRunningCommands() {
 }
 
 function runCommand(index) {
-    $.post(runCommandUrl, {_token: token, index: index}).done(function (data) {
+    console.log('Now in runCommand(' + index + '): ' + runCommandUrl);
+    $.post(runCommandUrl, {_token: token, index: parseInt(index)}).done(function (data) {
         if (data.error === false) {
             // increase index
             index++;
@@ -59,7 +62,7 @@ function runCommand(index) {
 }
 
 function startMigration() {
-
+    console.log('Now in startMigration');
     $.post(migrateUrl, {_token: token}).done(function (data) {
         if (data.error === false) {
             // move to decrypt routine.
@@ -74,6 +77,7 @@ function startMigration() {
 }
 
 function startDecryption() {
+    console.log('Now in startDecryption');
     $('#status-box').html('<span class="fa fa-spin fa-spinner"></span> Setting up DB #2...');
     $.post(decryptUrl, {_token: token}).done(function (data) {
         if (data.error === false) {
@@ -151,4 +155,4 @@ function displaySoftFail(message) {
     $('#status-box').html('<span class="fa fa-warning"></span> ' + message + '<br /><br />Please read the ' +
                           '<a href="https://docs.firefly-iii.org/">' +
                           'documentation</a> about this, and upgrade by hand.');
-}
\ No newline at end of file
+}
diff --git a/resources/views/install/index.twig b/resources/views/install/index.twig
index fcffaef7cb..2635f4817a 100644
--- a/resources/views/install/index.twig
+++ b/resources/views/install/index.twig
@@ -1,12 +1,14 @@
 {% extends "./layout/install" %}
 
 {% block content %}
-    <div class="login-box-body">
-        <p class="login-box-msg">Please wait...</p>
-        <div class="row">
-            <div class="col-lg-12">
-                <div id="status-box" style="border:1px #ddd solid;padding:5px;">
-                    <span class="fa fa-spin fa-spinner"></span> Waiting to start...
+    <div class="card mb-2">
+        <div class="card-body login-card-body">
+            <p class="login-box-msg">Please wait...</p>
+            <div class="row">
+                <div class="col-lg-12">
+                    <div id="status-box" style="border:1px #ddd solid;padding:5px;">
+                        <span class="fa fa-spin fa-spinner"></span> Waiting to start...
+                    </div>
                 </div>
             </div>
         </div>
diff --git a/resources/views/layout/install.twig b/resources/views/layout/install.twig
index 5dcb483edd..bbb966e5de 100644
--- a/resources/views/layout/install.twig
+++ b/resources/views/layout/install.twig
@@ -1,33 +1,28 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+    <title>Firefly III - Installation and update</title>
     <base href="{{ route('index') }}/">
     <meta charset="UTF-8">
     <meta name="robots" content="noindex, nofollow, noarchive, noodp, NoImageIndex, noydir">
-    <title>Firefly III - Installation and update</title>
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="color-scheme" content="light dark">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="color-scheme" content="light dark">
 
-    {# libraries #}
-    <link href="v1/lib/bs/css/bootstrap.min.css?v={{ FF_VERSION }}" rel="stylesheet" type="text/css" nonce="{{ JS_NONCE }}">
-    <link href="v1/lib/fa/css/font-awesome.min.css?v={{ FF_VERSION }}" rel="stylesheet" type="text/css" nonce="{{ JS_NONCE }}">
+    {# CSS things #}
 
-    <link href="v1/lib/adminlte/css/AdminLTE.min.css?v={{ FF_VERSION }}" rel="stylesheet" type="text/css" nonce="{{ JS_NONCE }}">
-    <link href="v1/css/firefly.css?v={{ FF_VERSION }}" rel="stylesheet" type="text/css" nonce="{{ JS_NONCE }}">
-
-    <!--[if lt IE 9]>
-    <script src="v1/js/lib/html5shiv.min.js?v={{ FF_VERSION }}" nonce="{{ JS_NONCE }}"></script>
-    <script src="v1/js/lib/respond.min.js?v={{ FF_VERSION }}" nonce="{{ JS_NONCE }}"></script>
-    <![endif]-->
+    <!-- fonts and styles -->
+    <link rel="stylesheet" href="v3-local/css/fonts.css?v=6.0.7">
+    <link rel="stylesheet" href="v3-local/lib/fontawesome-free/css/all.min.css?v=6.0.7">
+    <link rel="stylesheet" href="v3-local/lib/icheck-bootstrap/icheck-bootstrap.min.css?v=6.0.7">
+    <link rel="stylesheet" href="v3-local/dist/css/adminlte.min.css?v=6.0.7">
 
     {# favicons #}
     {% include('partials.favicons') %}
-
 </head>
-<body class="login-page">
+<body class="hold-transition login-page dark-mode">
 <div class="login-box">
     <div class="login-logo">
         <strong>Firefly</strong>III<br />
@@ -35,7 +30,31 @@
     </div>
     {% block content %}{% endblock %}
 </div>
+<div class="text-center text-muted">
+    <small>
+        Developed by James Cole, the source code is licensed under the <a href="https://www.gnu.org/licenses/agpl-3.0.html">AGPL-3.0-or-later</a>.
+    </small>
+</div>
 <script src="v1/js/app.js?v={{ FF_VERSION }}" type="text/javascript" nonce="{{ JS_NONCE }}"></script>
+<script type="text/javascript" src="v1/js/ff/guest.js?v={{ FF_VERSION }}" nonce="{{ JS_NONCE }}"></script>
 {% block scripts %}{% endblock %}
+{% if config('firefly.tracker_site_id') != '' and config('firefly.tracker_url') != '' %}
+    <!-- This tracker tag is only here because this instance of Firefly III was purposefully configured to include it -->
+    <!-- Your own installation will NOT include it, unless you explicitely configure it to have it. -->
+    <script type="text/javascript" nonce="{{ JS_NONCE }}">
+        var _paq = window._paq || [];
+        _paq.push(['trackPageView']);
+        _paq.push(['enableLinkTracking']);
+        (function() {
+            var u="//{{ config('firefly.tracker_url') }}/";
+            _paq.push(['setTrackerUrl', u+'matomo.php']);
+            _paq.push(['setSiteId', '{{ config('firefly.tracker_site_id') }}']);
+            var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+            g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+        })();
+    </script>
+    <noscript><p><img src="//{{ config('firefly.tracker_url') }}/matomo.php?idsite={{ config('firefly.tracker_site_id') }}&amp;rec=1" style="border:0;" alt="" /></p></noscript>
+{% endif %}
+
 </body>
 </html>