diff --git a/src/ui/components/tenants/tenantDetail/keyValueInput/keyValueInput.scss b/src/ui/components/tenants/tenantDetail/keyValueInput/keyValueInput.scss
index 603fe751..ed4481cb 100644
--- a/src/ui/components/tenants/tenantDetail/keyValueInput/keyValueInput.scss
+++ b/src/ui/components/tenants/tenantDetail/keyValueInput/keyValueInput.scss
@@ -41,7 +41,7 @@
 			gap: 10px;
 		}
 
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 768px) {
 			flex-direction: column;
 			gap: 10px;
 			padding-bottom: 10px;
diff --git a/src/ui/components/tenants/tenantDetail/thirdPartyProviderConfig/thirdPartyProviderConfig.scss b/src/ui/components/tenants/tenantDetail/thirdPartyProviderConfig/thirdPartyProviderConfig.scss
index 7aa0c318..b6694489 100644
--- a/src/ui/components/tenants/tenantDetail/thirdPartyProviderConfig/thirdPartyProviderConfig.scss
+++ b/src/ui/components/tenants/tenantDetail/thirdPartyProviderConfig/thirdPartyProviderConfig.scss
@@ -163,7 +163,7 @@
 	flex-direction: column;
 	gap: 15px;
 
-	@media screen and (max-width: 480px) {
+	@media screen and (max-width: 768px) {
 		gap: 0px;
 	}
 
@@ -180,7 +180,7 @@
 		gap: 10px;
 		align-items: center;
 
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 768px) {
 			align-items: flex-end;
 
 			.delete-cross-button {
@@ -191,7 +191,7 @@
 
 	&__footer {
 		margin-left: 128px;
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 768px) {
 			margin-left: 0px;
 			margin-top: 18px;
 		}
@@ -416,7 +416,7 @@
 .provider-email-select {
 	display: flex;
 	gap: 75px;
-	@media screen and (max-width: 480px) {
+	@media screen and (max-width: 768px) {
 		flex-direction: column;
 		gap: 10px;
 	}
diff --git a/src/ui/components/tenants/tenantDetail/thirdPartyProviderInput/thirdPartyProviderInput.scss b/src/ui/components/tenants/tenantDetail/thirdPartyProviderInput/thirdPartyProviderInput.scss
index e0d30d97..30099d9b 100644
--- a/src/ui/components/tenants/tenantDetail/thirdPartyProviderInput/thirdPartyProviderInput.scss
+++ b/src/ui/components/tenants/tenantDetail/thirdPartyProviderInput/thirdPartyProviderInput.scss
@@ -18,7 +18,7 @@
 	width: 100%;
 	gap: 20px;
 
-	@media screen and (max-width: 480px) {
+	@media screen and (max-width: 768px) {
 		flex-direction: column;
 		gap: 12px;
 	}
@@ -30,7 +30,7 @@
 		color: var(--color-secondary-text);
 		min-width: max-content;
 
-		@media screen and (max-width: 480px) {
+		@media screen and (max-width: 768px) {
 			min-width: unset;
 		}
 	}