diff --git a/ui/app/components/app/transaction-list-item-details/index.scss b/ui/app/components/app/transaction-list-item-details/index.scss
index 145e0e9a1..e6fc0b995 100644
--- a/ui/app/components/app/transaction-list-item-details/index.scss
+++ b/ui/app/components/app/transaction-list-item-details/index.scss
@@ -19,6 +19,11 @@
   & &__header-button {
     font-size: 0.625rem;
 
+    &-tooltip-container {
+      display: flex !important;
+      height: 100%;
+    }
+
     &:not(:last-child) {
       margin-right: 8px;
     }
diff --git a/ui/app/components/app/transaction-list-item-details/transaction-list-item-details.component.js b/ui/app/components/app/transaction-list-item-details/transaction-list-item-details.component.js
index cfd2aecfd..0ec4fcd17 100644
--- a/ui/app/components/app/transaction-list-item-details/transaction-list-item-details.component.js
+++ b/ui/app/components/app/transaction-list-item-details/transaction-list-item-details.component.js
@@ -176,21 +176,27 @@ export default class TransactionListItemDetails extends PureComponent {
                 )
               }
               { this.renderCancel() }
-              <Tooltip title={justCopied ? t('copiedTransactionId') : t('copyTransactionId')}>
+              <Tooltip
+                wrapperClassName="transaction-list-item-details__header-button"
+                containerClassName="transaction-list-item-details__header-button-tooltip-container"
+                title={justCopied ? t('copiedTransactionId') : t('copyTransactionId')}
+              >
                 <Button
                   type="raised"
                   onClick={this.handleCopyTxId}
-                  className="transaction-list-item-details__header-button"
                   disabled={!hash}
                 >
                   <Copy size={10} color="#3098DC" />
                 </Button>
               </Tooltip>
-              <Tooltip title={blockExplorerUrl ? t('viewOnCustomBlockExplorer', [blockExplorerUrl]) : t('viewOnEtherscan')}>
+              <Tooltip
+                wrapperClassName="transaction-list-item-details__header-button"
+                containerClassName="transaction-list-item-details__header-button-tooltip-container"
+                title={blockExplorerUrl ? t('viewOnCustomBlockExplorer', [blockExplorerUrl]) : t('viewOnEtherscan')}
+              >
                 <Button
                   type="raised"
                   onClick={this.handleEtherscanClick}
-                  className="transaction-list-item-details__header-button"
                   disabled={!hash}
                 >
                   <img src="/images/arrow-popout.svg" />