diff --git a/img/boxed-bg-dark.jpg b/img/boxed-bg-dark.jpg
deleted file mode 100644
index 7fa3a543..00000000
Binary files a/img/boxed-bg-dark.jpg and /dev/null differ
diff --git a/img/boxed-bg-dark.png b/img/boxed-bg-dark.png
new file mode 100644
index 00000000..d200749c
Binary files /dev/null and b/img/boxed-bg-dark.png differ
diff --git a/img/boxed-bg.jpg b/img/boxed-bg.jpg
deleted file mode 100644
index 4bda80d6..00000000
Binary files a/img/boxed-bg.jpg and /dev/null differ
diff --git a/img/boxed-bg.png b/img/boxed-bg.png
new file mode 100644
index 00000000..6eab5c13
Binary files /dev/null and b/img/boxed-bg.png differ
diff --git a/style/pi-hole.css b/style/pi-hole.css
index b24e7164..85960018 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -6,7 +6,7 @@
 *  Please see LICENSE file for your rights under this license. */
 
 .layout-boxed {
-  background: url("../img/boxed-bg.jpg") repeat fixed;
+  background: url("../img/boxed-bg.png") repeat fixed;
 }
 
 .small-box span {
diff --git a/style/themes/default-dark.css b/style/themes/default-dark.css
index 68100a88..63e39849 100644
--- a/style/themes/default-dark.css
+++ b/style/themes/default-dark.css
@@ -335,7 +335,7 @@ h4 {
 }
 
 .layout-boxed {
-  background: url("../../img/boxed-bg-dark.jpg") repeat fixed;
+  background: url("../../img/boxed-bg-dark.png") repeat fixed;
 }
 .not-used {
   background-color: #eee;
diff --git a/style/themes/default-darker.css b/style/themes/default-darker.css
index 016c15a2..f085b557 100644
--- a/style/themes/default-darker.css
+++ b/style/themes/default-darker.css
@@ -2411,7 +2411,7 @@ div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
 }
 .layout-boxed {
   background: linear-gradient(rgba(20, 30, 34, 0.6), rgba(20, 30, 34, 0.6)),
-    url(../../img/boxed-bg-dark.jpg) fixed;
+    url(../../img/boxed-bg-dark.png) fixed;
 }
 .content-wrapper {
   background-color: rgb(32, 35, 36);