From 36b4812e937d772ace6e2d768fdd03344cc96a15 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Fri, 21 Jan 2022 00:16:18 +0400
Subject: [PATCH] Asset name overflow fix

---
 frontend/src/app/components/asset/asset.component.html | 2 +-
 frontend/src/app/components/asset/asset.component.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/asset/asset.component.html b/frontend/src/app/components/asset/asset.component.html
index c0a2bfbf5..9723a45e5 100644
--- a/frontend/src/app/components/asset/asset.component.html
+++ b/frontend/src/app/components/asset/asset.component.html
@@ -21,7 +21,7 @@
             <tbody>
               <tr>
                 <td i18n="asset.name|Liquid Asset name">Name</td>
-                <td>{{ assetContract[2] }} ({{ assetContract[1] }})</td>
+                <td class="assetName">{{ assetContract[2] }} ({{ assetContract[1] }})</td>
               </tr>
               <tr>
                 <td i18n="asset.precision|Liquid Asset precision">Precision</td>
diff --git a/frontend/src/app/components/asset/asset.component.scss b/frontend/src/app/components/asset/asset.component.scss
index bb2b7f783..45e68042d 100644
--- a/frontend/src/app/components/asset/asset.component.scss
+++ b/frontend/src/app/components/asset/asset.component.scss
@@ -73,3 +73,8 @@ h1 {
 .defaultIcon.skeleton {
   opacity: 0.5;
 }
+
+.assetName {
+  word-break: break-word;
+  white-space: normal;
+}