diff --git a/app/javascript/template_builder/builder.vue b/app/javascript/template_builder/builder.vue
index 1240fb66..633cd086 100644
--- a/app/javascript/template_builder/builder.vue
+++ b/app/javascript/template_builder/builder.vue
@@ -2,7 +2,7 @@
   <div
     ref="dragContainer"
     style="max-width: 1600px"
-    class="mx-auto pl-3 h-full"
+    class="mx-auto pl-3 h-full bg-base-100"
     :class="isMobile ? 'pl-4' : 'md:pl-4'"
     @dragover="onDragover"
     @drop="isDragFile = false"
@@ -54,7 +54,7 @@
     <div
       v-if="$slots.buttons || withTitle"
       id="title_container"
-      class="flex justify-between py-1.5 items-center pr-4 top-0 z-10 title-container"
+      class="flex justify-between py-1.5 items-center pr-4 top-0 z-10 bg-base-100 title-container"
       :class="{ sticky: withStickySubmitters || isBreakpointLg }"
       :style="{ backgroundColor: backgroundColor || '' }"
     >
@@ -284,7 +284,7 @@
           @change="save"
         />
         <div
-          class="sticky bottom-0 py-2 space-y-2"
+          class="sticky bottom-0 py-2 space-y-2 bg-base-100"
           :style="{ backgroundColor: backgroundColor || '' }"
         >
           <Upload
@@ -444,7 +444,7 @@
       >
         <div
           v-if="showDrawField || drawField || drawCustomField"
-          class="sticky inset-0 h-full z-20"
+          class="sticky inset-0 h-full z-20 bg-base-100"
           :style="{ backgroundColor: backgroundColor || '' }"
         >
           <div class="bg-base-200 rounded-lg p-5 text-center space-y-4 draw-field-container">
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 89646c06..40bf1df9 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -18,7 +18,7 @@
     <% end %>
     <%= stylesheet_pack_tag 'application', media: 'all' %>
   </head>
-  <body>
+  <body class="bg-base-100">
     <% if params[:modal].present? %>
       <% url_params = Rails.application.routes.recognize_path(params[:modal], method: :get) %>
       <% if url_params[:action] == 'new' %>
diff --git a/app/views/layouts/form.html.erb b/app/views/layouts/form.html.erb
index 756f8f83..593f9aad 100644
--- a/app/views/layouts/form.html.erb
+++ b/app/views/layouts/form.html.erb
@@ -12,7 +12,7 @@
     <% end %>
     <%= stylesheet_pack_tag 'form', media: 'all' %>
   </head>
-  <body>
+  <body class="bg-base-100">
     <%= yield %>
   </body>
 </html>
diff --git a/app/views/layouts/plain.html.erb b/app/views/layouts/plain.html.erb
index 88916977..46e41c0e 100644
--- a/app/views/layouts/plain.html.erb
+++ b/app/views/layouts/plain.html.erb
@@ -12,7 +12,7 @@
     <% end %>
     <%= stylesheet_pack_tag 'application', media: 'all' %>
   </head>
-  <body>
+  <body class="bg-base-100">
     <% if flash.present? %><%= render 'shared/flash' %><% end %>
     <%= yield %>
     <turbo-frame id="modal"></turbo-frame>
