diff --git a/Gemfile b/Gemfile
index ae7852a9e..c194e46cc 100644
--- a/Gemfile
+++ b/Gemfile
@@ -40,7 +40,7 @@ gem "redcarpet", "~> 3.6"
 gem "gretel", "~> 5.0"
 # Better UI components
 gem "lookbook", ">= 2.0.0.beta.4"
-gem "view_component", "~> 3.20"
+gem "view_component", "~> 3.21"
 # QR Code Generation!
 gem "rqrcode", "~> 2.2"
 
diff --git a/Gemfile.lock b/Gemfile.lock
index 87dabf36b..9d465198c 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -519,7 +519,7 @@ GEM
     uniform_notifier (1.16.0)
     uri (1.0.2)
     useragent (0.16.11)
-    view_component (3.20.0)
+    view_component (3.21.0)
       activesupport (>= 5.2.0, < 8.1)
       concurrent-ruby (~> 1.0)
       method_source (~> 1.0)
@@ -609,7 +609,7 @@ DEPENDENCIES
   strong_migrations (~> 2.1)
   turbo-rails
   tzinfo-data (~> 1.2021)
-  view_component (~> 3.20)
+  view_component (~> 3.21)
   web-console (~> 4.2)
   webmock