diff --git a/Gemfile b/Gemfile
index 8223f9e..7ad10b2 100644
--- a/Gemfile
+++ b/Gemfile
@@ -20,7 +20,7 @@ gem "stimulus-rails"
 gem "jbuilder"
 
 # ViewComponent for component-based views
-gem "view_component", "~> 3.20"
+gem "view_component", "~> 4.0"
 
 # CSS framework
 gem "tailwindcss-rails"
diff --git a/Gemfile.lock b/Gemfile.lock
index 1f3c8cf..bcfb227 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -293,7 +293,6 @@ GEM
       net-smtp
     marcel (1.0.4)
     matrix (0.4.3)
-    method_source (1.1.0)
     metrics (0.12.2)
     mime-types (3.7.0)
       logger
@@ -558,10 +557,9 @@ GEM
     uri (1.0.3)
     useragent (0.16.11)
     version_gem (1.1.8)
-    view_component (3.23.2)
-      activesupport (>= 5.2.0, < 8.1)
+    view_component (4.0.1)
+      activesupport (>= 7.1.0, < 8.1)
       concurrent-ruby (~> 1)
-      method_source (~> 1.0)
     web-console (4.2.1)
       actionview (>= 6.0.0)
       activemodel (>= 6.0.0)
@@ -622,7 +620,7 @@ DEPENDENCIES
   thruster
   turbo-rails
   tzinfo-data
-  view_component (~> 3.20)
+  view_component (~> 4.0)
   web-console
 
 BUNDLED WITH