From ccc79b040d81ed5033acde61ca35fe981b5e0d66 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Paczy=C5=84ski?= <michal.paczynski@thesis.co>
Date: Wed, 20 Dec 2023 09:51:56 +0100
Subject: [PATCH 1/4] Fix overflow on transaction activity details

---
 ui/components/Shared/SharedAddress.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ui/components/Shared/SharedAddress.tsx b/ui/components/Shared/SharedAddress.tsx
index 6c960f7ece..6f3c1befaa 100644
--- a/ui/components/Shared/SharedAddress.tsx
+++ b/ui/components/Shared/SharedAddress.tsx
@@ -5,6 +5,7 @@ import classNames from "classnames"
 import React, { ReactElement, useCallback } from "react"
 import { useBackgroundDispatch } from "../../hooks"
 import SharedTooltip from "./SharedTooltip"
+import { trimWithEllipsis } from "../../utils/textUtils"
 
 type SharedAddressProps = {
   address: string
@@ -53,7 +54,7 @@ export default function SharedAddress({
       className={classNames({ ellipsis: elide })}
     >
       <p className={classNames({ ellipsis: elide })}>
-        {primaryText}
+        {trimWithEllipsis(primaryText, 15)}
         {name !== undefined && nameResolverSystem !== undefined && (
           <>
             <SharedTooltip width={130}>

From db2728b4baf54bbe91bb13feb64d8c544bdc1d01 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Paczy=C5=84ski?= <michal.paczynski@thesis.co>
Date: Wed, 20 Dec 2023 09:56:36 +0100
Subject: [PATCH 2/4] Center loading spinner

---
 ui/components/Shared/SharedButton.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/ui/components/Shared/SharedButton.tsx b/ui/components/Shared/SharedButton.tsx
index fcdac8b89c..a2d4ebc9f9 100644
--- a/ui/components/Shared/SharedButton.tsx
+++ b/ui/components/Shared/SharedButton.tsx
@@ -363,6 +363,12 @@ export default function SharedButton(
           .unstyled {
             unset: all;
           }
+          .spinner_wrap {
+            width: 100%;
+            height: 100%;
+            display: grid;
+            place-items: center;
+          }
         `}
       </style>
     </button>

From 775a42ac6a692ace9db31963a01688d754b6500e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Paczy=C5=84ski?= <michal.paczynski@thesis.co>
Date: Wed, 20 Dec 2023 10:06:20 +0100
Subject: [PATCH 3/4] Make filters slide up full height

---
 ui/components/NFTs/Filters/NFTsFilters.tsx | 2 +-
 ui/pages/Abilities/AbilityFilter.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/components/NFTs/Filters/NFTsFilters.tsx b/ui/components/NFTs/Filters/NFTsFilters.tsx
index 8df301f457..32a310fdc2 100644
--- a/ui/components/NFTs/Filters/NFTsFilters.tsx
+++ b/ui/components/NFTs/Filters/NFTsFilters.tsx
@@ -155,7 +155,7 @@ export default function NFTsFilters(): ReactElement {
           display: flex;
           flex-direction: column;
           gap: 16px;
-          height: 456px;
+          height: 471px;
           overflow-y: scroll;
           padding: 0 24px 8px;
         }
diff --git a/ui/pages/Abilities/AbilityFilter.tsx b/ui/pages/Abilities/AbilityFilter.tsx
index 7a7826a033..ca672d5784 100644
--- a/ui/pages/Abilities/AbilityFilter.tsx
+++ b/ui/pages/Abilities/AbilityFilter.tsx
@@ -170,7 +170,7 @@ export default function AbilityFilter(): ReactElement {
           display: flex;
           flex-direction: column;
           gap: 24px;
-          height: 456px;
+          height: 471px;
           overflow-y: scroll;
           padding: 0 24px 8px;
         }

From baa01ac773b3364843a5c4acf23ece6da24dd578 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Paczy=C5=84ski?= <michal.paczynski@thesis.co>
Date: Wed, 20 Dec 2023 12:59:09 +0100
Subject: [PATCH 4/4] Adjust error message position

---
 ui/components/Shared/SharedInput.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/components/Shared/SharedInput.tsx b/ui/components/Shared/SharedInput.tsx
index 18d7a53e45..acb6b24d5d 100644
--- a/ui/components/Shared/SharedInput.tsx
+++ b/ui/components/Shared/SharedInput.tsx
@@ -143,7 +143,7 @@ export function SharedTypedInput<T = string>(props: Props<T>): ReactElement {
             font-weight: 500;
             font-size: 14px;
             line-height: 20px;
-            margin-top: 3px;
+            margin-top: ${label ? "3px" : "53px"};
             margin-left: 5px;
           }
           .warning {