From 0d45d30682b068751cc3e123459cf402d442cc1e Mon Sep 17 00:00:00 2001
From: Nikola Glumac <niglumac@gmail.com>
Date: Fri, 12 Mar 2021 13:38:29 +0100
Subject: [PATCH] Fix Asset tooltip scrollbars on Windows

---
 source/renderer/app/components/widgets/AssetToken.js  | 11 +++--------
 .../renderer/app/components/widgets/AssetToken.scss   |  4 ++--
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/source/renderer/app/components/widgets/AssetToken.js b/source/renderer/app/components/widgets/AssetToken.js
index 4ef6ed8e68..e5f331c0ef 100644
--- a/source/renderer/app/components/widgets/AssetToken.js
+++ b/source/renderer/app/components/widgets/AssetToken.js
@@ -159,12 +159,7 @@ export default class AssetToken extends Component<Props, State> {
     );
   }
 
-  assetItemRenderer = (
-    assetId: string,
-    assetItem: string,
-    value: string,
-    singleline?: boolean
-  ) => {
+  assetItemRenderer = (assetId: string, assetItem: string, value: string) => {
     const { itemCopied } = this.state;
     const icon = itemCopied === assetId ? copyCheckmarkIcon : copyIcon;
     const iconClassnames = classnames([
@@ -177,10 +172,10 @@ export default class AssetToken extends Component<Props, State> {
     return (
       <CopyToClipboard text={value} onCopy={onCopy}>
         <div className={styles.assetItem}>
-          <em className={singleline ? styles.singleline : null}>
+          <div className={styles.value}>
             {value}
             <SVGInline svg={icon} className={iconClassnames} />
-          </em>
+          </div>
           {assetId === 'assetName' && (
             <div className={styles.assetASCIIName}>
               (ASCII: {hexToString(value)})
diff --git a/source/renderer/app/components/widgets/AssetToken.scss b/source/renderer/app/components/widgets/AssetToken.scss
index 8cb16d80ba..4356506060 100644
--- a/source/renderer/app/components/widgets/AssetToken.scss
+++ b/source/renderer/app/components/widgets/AssetToken.scss
@@ -99,7 +99,7 @@
     line-height: 16px;
     margin: 10px -20px 0 10px;
     max-height: 48px;
-    overflow-x: auto;
+    overflow-y: auto;
     padding-right: 20px;
     position: relative;
     width: calc(100% - 77px);
@@ -119,7 +119,7 @@
       opacity: 0.4;
     }
 
-    em {
+    .value {
       cursor: pointer;
 
       &:not(.singleline) {