diff --git a/src/qml/presenter/PresentationEditor.qml b/src/qml/presenter/PresentationEditor.qml
index a1391ea..9f8137f 100644
--- a/src/qml/presenter/PresentationEditor.qml
+++ b/src/qml/presenter/PresentationEditor.qml
@@ -150,6 +150,7 @@ Item {
                 url: isHtml ? presentation.filePath : ""
                 visible: isHtml
                 settings.playbackRequiresUserGesture: false
+                backgroundColor: Kirigami.Theme.backgroundColor
             }
             RowLayout {
                 Layout.fillWidth: true;
diff --git a/src/qml/presenter/Slide.qml b/src/qml/presenter/Slide.qml
index 3751348..3b47e03 100644
--- a/src/qml/presenter/Slide.qml
+++ b/src/qml/presenter/Slide.qml
@@ -208,6 +208,7 @@ Item {
             visible: htmlVisible
             enabled: htmlVisible
             zoomFactor: preview ? 0.25 : 1.0
+            backgroundColor: Kirigami.Theme.backgroundColor
             onLoadingChanged: {
                 if (loadRequest.status == 2)
                     showPassiveNotification("yahoo?");