diff --git a/Gemfile b/Gemfile
index 1af008b0ba..87cae7db9a 100644
--- a/Gemfile
+++ b/Gemfile
@@ -12,7 +12,7 @@ gem "shakapacker", "~> 7.2.0"
 gem "turbolinks"
 gem "uglifier"
 
-gem "view_component", "~> 2.82"
+gem "view_component", "~> 3.9"
 
 gem "pg"
 
diff --git a/Gemfile.lock b/Gemfile.lock
index d0b7478310..7961a079b8 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -529,7 +529,7 @@ GEM
       execjs (>= 0.3.0, < 3)
     unicode-display_width (2.5.0)
     version_gem (1.1.3)
-    view_component (2.82.0)
+    view_component (3.9.0)
       activesupport (>= 5.2.0, < 8.0)
       concurrent-ruby (~> 1.0)
       method_source (~> 1.0)
@@ -617,7 +617,7 @@ DEPENDENCIES
   turbolinks
   twemoji
   uglifier
-  view_component (~> 2.82)
+  view_component (~> 3.9)
 
 BUNDLED WITH
    2.4.22