diff --git a/application/views/errors/html/error_404.php b/application/views/errors/html/error_404.php
index 6df3688b..d59d128c 100644
--- a/application/views/errors/html/error_404.php
+++ b/application/views/errors/html/error_404.php
@@ -16,6 +16,7 @@
     <title>404 Page Not Found | Easy!Appointments</title>
     <style>
         #error-container {
+            background: #ffffff;
             min-width: 450px;
             max-width: 600px;
             margin: auto;
@@ -61,6 +62,7 @@
     padding: 0;
     margin: 0;
     display: flex;
+    background: #f5f8fa;
 ">
 <div id="error-container">
     <h1>
diff --git a/application/views/errors/html/error_db.php b/application/views/errors/html/error_db.php
index c389f6d6..34738dcd 100644
--- a/application/views/errors/html/error_db.php
+++ b/application/views/errors/html/error_db.php
@@ -16,6 +16,7 @@
     <title>Database Error | Easy!Appointments</title>
     <style>
         #error-container {
+            background: #ffffff;
             min-width: 450px;
             max-width: 600px;
             margin: auto;
@@ -61,6 +62,7 @@
     padding: 0;
     margin: 0;
     display: flex;
+    background: #f5f8fa;
 ">
 <div id="error-container">
     <h1>
diff --git a/application/views/errors/html/error_general.php b/application/views/errors/html/error_general.php
index 70af3c87..d4e0f2e4 100644
--- a/application/views/errors/html/error_general.php
+++ b/application/views/errors/html/error_general.php
@@ -16,6 +16,7 @@
     <title>Error | Easy!Appointments</title>
     <style>
         #error-container {
+            background: #ffffff;
             min-width: 450px;
             max-width: 600px;
             margin: auto;
@@ -61,6 +62,7 @@
     padding: 0;
     margin: 0;
     display: flex;
+    background: #f5f8fa;
 ">
 <div id="error-container">
     <h1>