From 5e99d63484a9e83f13d494f31589adf22316c7e3 Mon Sep 17 00:00:00 2001
From: Diogo Soares <32431609+DiogoSoaress@users.noreply.github.com>
Date: Mon, 25 Nov 2024 14:25:41 +0100
Subject: [PATCH] styles: xl viewports

---
 .../Safenet/ChainAbstraction/index.tsx        |  3 +--
 .../ChainAbstraction/styles.module.css        | 23 ++++++++++++++++++-
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/components/Safenet/ChainAbstraction/index.tsx b/src/components/Safenet/ChainAbstraction/index.tsx
index 7f9beb12..fd1bcc9b 100644
--- a/src/components/Safenet/ChainAbstraction/index.tsx
+++ b/src/components/Safenet/ChainAbstraction/index.tsx
@@ -31,8 +31,7 @@ const items: BaseBlock['items'] = [
     },
     title: (
       <>
-        Unified
-        <br />
+        Unified <br />
         Balance
       </>
     ),
diff --git a/src/components/Safenet/ChainAbstraction/styles.module.css b/src/components/Safenet/ChainAbstraction/styles.module.css
index 43ab3334..2978448e 100644
--- a/src/components/Safenet/ChainAbstraction/styles.module.css
+++ b/src/components/Safenet/ChainAbstraction/styles.module.css
@@ -87,6 +87,7 @@
   text-align: center;
 
   height: 336px;
+  width: 336px;
   position: relative;
 }
 
@@ -121,7 +122,7 @@
   margin-top: 48px;
 }
 
-@media (min-width: 900px) {
+@media (min-width: 1200px) {
   .title {
     font-size: 60px;
     line-height: 64px;
@@ -145,3 +146,23 @@
     height: 300px;
   }
 }
+
+@media (min-width: 1630px) {
+  .blocksWrapper {
+    background-size: cover;
+    height: 392px;
+  }
+
+  .blockItem {
+    --line-height: 28px;
+    height: 392px;
+  }
+
+  .blockTitle br {
+    display: none;
+  }
+
+  .blockText {
+    height: calc(2 * var(--line-height));
+  }
+}