diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 1bc8ecd..77fdf04 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -7,3 +7,7 @@ body {
   margin: 0;
   padding: 0;
 }
+
+.home-page {
+  background-color: #f00;
+}
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index 0b34352..fc63ec7 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -1,9 +1,9 @@
 <%= turbo_stream_from "counter" %>
 
-<main class="flex flex-col items-center justify-center min-h-screen bg-red-500 p-8">
+<main class="home-page flex flex-col items-center justify-center min-h-screen p-8">
   <div class="text-center mb-8">
-    <h1 class="text-5xl font-bold text-red-600 mb-2">Hello, World!</h1>
-    <p class="text-gray-500">Rails 8 Full Stack Demo</p>
+    <h1 class="text-5xl font-bold text-white mb-2">Hello, World!</h1>
+    <p class="text-white">Rails 8 Full Stack Demo</p>
   </div>
 
   <% if notice %>