diff --git a/my-dev-portal/src/styles/components/keys.css b/my-dev-portal/src/styles/components/keys.css
index 0483110..e3fbd86 100644
--- a/my-dev-portal/src/styles/components/keys.css
+++ b/my-dev-portal/src/styles/components/keys.css
@@ -6,9 +6,11 @@
 
 .api-key-container {
   display: flex;
+  max-width: 1100px !important;
 }
 
 .api-key-presentation {
+  max-width: 1100px !important;
   background-color: black;
   display: flex;
   gap: 4px;
@@ -21,6 +23,7 @@
 
 .api-key {
   color: #fff;
+  max-width: 1100px !important;
   font-family: Menlo;
   font-size: 14px;
   font-style: normal;
diff --git a/my-dev-portal/src/styles/components/layouts/modal-layout.css b/my-dev-portal/src/styles/components/layouts/modal-layout.css
index 3ad5dbf..4ba7c40 100644
--- a/my-dev-portal/src/styles/components/layouts/modal-layout.css
+++ b/my-dev-portal/src/styles/components/layouts/modal-layout.css
@@ -21,5 +21,6 @@
 
 .ReactModal__Content {
   min-width: 612px !important;
+  max-width: 1200px !important;
   padding: 24px !important;
 }