diff --git a/Gemfile b/Gemfile
index c28c4d025..9a25d6ac8 100644
--- a/Gemfile
+++ b/Gemfile
@@ -42,7 +42,7 @@ gem "redcarpet", "~> 3.6"
 gem "gretel", "~> 5.0"
 # Better UI components
 gem "lookbook", ">= 2.0.0.beta.4"
-gem "view_component", "~> 3.10"
+gem "view_component", "~> 3.11"
 # QR Code Generation!
 gem "rqrcode", "~> 2.2"
 
diff --git a/Gemfile.lock b/Gemfile.lock
index b29a45fd3..d8f3acbf3 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -510,7 +510,7 @@ GEM
       concurrent-ruby (~> 1.0)
     unicode-display_width (2.5.0)
     uri (0.13.0)
-    view_component (3.10.0)
+    view_component (3.11.0)
       activesupport (>= 5.2.0, < 8.0)
       concurrent-ruby (~> 1.0)
       method_source (~> 1.0)
@@ -597,7 +597,7 @@ DEPENDENCIES
   strong_migrations (~> 1.7)
   turbo-rails
   tzinfo-data (~> 1.2021)
-  view_component (~> 3.10)
+  view_component (~> 3.11)
   web-console (~> 4.2)
   webmock