diff --git a/notes-webapp/src/main/webapp/vue-app/note-page-view/components/NotePageViewApp.vue b/notes-webapp/src/main/webapp/vue-app/note-page-view/components/NotePageViewApp.vue
index 01383a1ae..6ac2bba4a 100644
--- a/notes-webapp/src/main/webapp/vue-app/note-page-view/components/NotePageViewApp.vue
+++ b/notes-webapp/src/main/webapp/vue-app/note-page-view/components/NotePageViewApp.vue
@@ -30,8 +30,7 @@
         min-width="100%"
         max-width="100%"
         min-height="60"
-        class="d-flex flex-column border-box-sizing position-relative card-border-radius"
-        color="white"
+        class="d-flex flex-column border-box-sizing position-relative card-border-radius app-background-color"
         flat>
         <template v-if="edit">
           <note-page-edit-drawer
diff --git a/notes-webapp/src/main/webapp/vue-app/notes/components/NotesOverview.vue b/notes-webapp/src/main/webapp/vue-app/notes/components/NotesOverview.vue
index 2e0e50609..61760263d 100644
--- a/notes-webapp/src/main/webapp/vue-app/notes/components/NotesOverview.vue
+++ b/notes-webapp/src/main/webapp/vue-app/notes/components/NotesOverview.vue
@@ -6,7 +6,7 @@
     <div>
       <div
         v-if="isAvailableNote"
-        class="notes-application white card-border-radius pa-5"
+        class="notes-application card-border-radius app-background-color pa-5"
         ref="content">
         <div class="notes-application-header">
           <div class="notes-title d-flex justify-space-between pb-4 ps-1">