diff --git a/src/pages/what-is-tia.js b/src/pages/what-is-tia.js
index f48ce079d..6357329b4 100644
--- a/src/pages/what-is-tia.js
+++ b/src/pages/what-is-tia.js
@@ -113,25 +113,48 @@ const WhatIsTIA = () => {
Users that don’t reach the top 75 or don’t want to run a validator can delegate their TIA to an existing
validator that will stake it on their behalf. TIA delegations can always be retrieved from validators
after undergoing a 3-week unbonding period.
-
diff --git a/src/scss/pages/page-what-is-tia.scss b/src/scss/pages/page-what-is-tia.scss
index 948ce6bef..c1699e1a5 100644
--- a/src/scss/pages/page-what-is-tia.scss
+++ b/src/scss/pages/page-what-is-tia.scss
@@ -247,7 +247,7 @@
}
}
}
- o .image-box--node {
+ .image-box--node {
margin-left: auto;
margin-right: auto;
@include media-breakpoint-down(lg) {
@@ -290,32 +290,39 @@
a {
box-shadow: inset 0 -2px 0 0 #414141;
}
-
- .link-wrapper {
- margin-top: 20px;
- .link {
- font-family: $ruberoid;
- font-style: normal;
- font-weight: 700;
- font-size: 14px;
- line-height: 1em;
- padding: 8px 0;
- margin: -8px 0;
- color: #000000;
- transition: all 0.2s ease-in-out;
- box-shadow: none;
- &:hover {
- color: #393939;
- & svg {
- margin-left: 16px;
+ .link-list {
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: 10px;
+ .link-wrapper {
+ flex-basis: auto;
+ min-width: 180px;
+ margin-top: 10px;
+
+ .link {
+ font-family: $ruberoid;
+ font-style: normal;
+ font-weight: 700;
+ font-size: 14px;
+ line-height: 1em;
+ padding: 8px 0;
+ margin: -8px 0;
+ color: #000000;
+ transition: all 0.2s ease-in-out;
+ box-shadow: none;
+ &:hover {
+ color: #393939;
+ & svg {
+ margin-left: 16px;
+ }
}
}
- }
- svg {
- margin-left: 8px;
- transition: all 0.2s ease-in-out;
- will-change: margin;
- margin-bottom: 2px;
+ svg {
+ margin-left: 8px;
+ transition: all 0.2s ease-in-out;
+ will-change: margin;
+ margin-bottom: 2px;
+ }
}
}
}
@@ -554,4 +561,4 @@
}
}
}
-}
+}
\ No newline at end of file