diff --git a/application/views/general/update.php b/application/views/general/update.php
index 34f88b1b..1c538b86 100644
--- a/application/views/general/update.php
+++ b/application/views/general/update.php
@@ -7,53 +7,67 @@
 
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>">
     <link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>">
-    <link rel="stylesheet" type="text/css" href="<?= asset_url ('assets/ext/jquery-ui/jquery-ui.min.css')?>">
+    <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/jquery-ui/jquery-ui.min.css') ?>">
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/update.css') ?>">
     <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
 </head>
 <body>
-    <div class="container-fluid header">
-        <div>
-            <a href="https://easyappointments.org" target="_blank">
-                <img src="<?= base_url('assets/img/installation-banner.png') ?>"
-                     alt="Easy!Appointments Installation Banner">
-            </a>
+<header>
+    <div class="container">
+        <h1 class="page-title">Easy!Appointments Update</h1>
+    </div>
+</header>
+
+<div class="container">
+    <div class="row">
+        <div class="col">
+            <?php if ($success): ?>
+                <div class="jumbotron">
+                    <h1 class="display-4">Success!</h1>
+                    <p class="lead">
+                        The database got updated successfully.
+                    </p>
+                    <hr class="my-4">
+                    <p>
+                        You can now use the latest Easy!Appointments version.
+                    </p>
+                    <a href="<?= site_url('backend') ?>" class="btn btn-success btn-large">
+                        <i class="fas fa-wrench mr-2"></i>
+                        <?= lang('backend_section') ?>
+                    </a>
+                </div>
+            <?php else: ?>
+                <div class="jumbotron">
+                    <h1 class="display-4">Failure!</h1>
+                    <p class="lead">
+                        There was an error during the update process.
+                    </p>
+                    <hr class="my-4">
+                    <p>
+                        Please restore your database backup.
+                    </p>
+                    <a href="<?= site_url('backend') ?>" class="btn btn-success btn-large">
+                        <i class="fas fa-wrench mr-2"></i>
+                        <?= lang('backend_section') ?>
+                    </a>
+
+                    <p>
+                        Please restore your database backup.
+                    </p>
+                </div>
+
+                <div class="well text-left">
+                    Error Message: <?= $exception ?>
+                </div>
+            <?php endif; ?>
         </div>
     </div>
+</div>
 
-    <div class="container content">
-        <?php if ($success): ?>
-            <h4>
-                The database was updated successfully!
-            </h4>
+<footer>
+    Powered by <a href="https://easyappointments.org">Easy!Appointments</a>
+</footer>
 
-            <p>
-                You can now use the latest Easy!Appointments version.
-            </p>
-        <?php else: ?>
-            <h4>
-                There was an error during the update process ...
-            </h4>
-
-            <p>
-                Please restore your database backup.
-            </p>
-
-            <div class="well text-left">
-                Error Message: <?= $exception ?>
-            </div>
-        <?php endif; ?>
-
-        <div>
-            <a href="<?= site_url('backend') ?>" class="btn btn-outline-secondary btn-large">
-                <i class="fas fa-wrench mr-2"></i>
-                <?= lang('backend_section') ?>
-            </a>
-        </div>
-    </div>
-
-    <footer>
-        Powered by <a href="https://easyappointments.org">Easy!Appointments</a>
-    </footer>
+<script src="<?= asset_url('assets/ext/fontawesome/js/all.min.js') ?>"></script>
 </body>
 </html>
diff --git a/assets/css/update.css b/assets/css/update.css
index 46341b0f..b3c1442e 100644
--- a/assets/css/update.css
+++ b/assets/css/update.css
@@ -3,8 +3,15 @@ html {
     min-height: 100%;
 }
 
-.header {
+header {
     background: #DAFFEB;
+    margin-bottom: 25px;
+}
+
+header .page-title {
+    font-weight: lighter;
+    padding: 40px 0;
+    color: #429a82;
 }
 
 h3 {
