diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/index.module.css b/src/pages/ValidatorOnboarding/KeyGeneration/index.module.css
index 3019ce80..92927a64 100644
--- a/src/pages/ValidatorOnboarding/KeyGeneration/index.module.css
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/index.module.css
@@ -69,4 +69,31 @@
   .recovery-phrase {
     grid-template-columns: repeat(1, 1fr);
   }
-}
\ No newline at end of file
+}
+
+@media (max-width: 900px) {
+  .confirm-recovery-phrase {
+    width: 100%;
+  }
+}
+
+@media (max-width: 750px) {
+  .confirm-recovery-phrase {
+    grid-template-columns: repeat(3, 1fr);
+    width: 100%;
+  }
+}
+
+@media (max-width: 550px) {
+  .confirm-recovery-phrase {
+    grid-template-columns: repeat(2, 1fr);
+    width: 100%;
+  }
+}
+
+@media (max-width: 350px) {
+  .confirm-recovery-phrase {
+    grid-template-columns: repeat(1, 1fr);
+    width: 100%;
+  }
+}