diff --git a/Gemfile b/Gemfile
index ae7f95a..f7fad87 100644
--- a/Gemfile
+++ b/Gemfile
@@ -83,7 +83,7 @@ group :test do
   gem "selenium-webdriver"
 end
 
-gem "view_component", "~> 3.21"
+gem "view_component", "~> 4.0"
 
 gem "requestjs-rails", "~> 0.0.13"
 
diff --git a/Gemfile.lock b/Gemfile.lock
index 4ceb777..0233d5e 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -182,7 +182,6 @@ GEM
       net-smtp
     marcel (1.0.4)
     matrix (0.4.3)
-    method_source (1.1.0)
     mini_mime (1.1.5)
     minitest (5.25.5)
     msgpack (1.8.0)
@@ -417,10 +416,9 @@ GEM
     unicode-emoji (4.0.4)
     uri (1.0.3)
     useragent (0.16.11)
-    view_component (3.23.2)
-      activesupport (>= 5.2.0, < 8.1)
+    view_component (4.0.2)
+      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)
@@ -479,7 +477,7 @@ DEPENDENCIES
   thruster
   turbo-rails
   tzinfo-data
-  view_component (~> 3.21)
+  view_component (~> 4.0)
   web-console
 
 BUNDLED WITH