diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6ed1baa00..bc69a40bb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/).
 * Make tooltip smarter ([#1979](https://github.com/lbryio/lbry-desktop/pull/1979))
 
 ### Fixed
+* Invite table cutoff with large number of invites ([#1985](https://github.com/lbryio/lbry-desktop/pull/1985))
 
 
 ## [0.25.1] - 2018-09-18
diff --git a/src/renderer/component/channelTile/view.jsx b/src/renderer/component/channelTile/view.jsx
index 304bdd663..4b3c0f744 100644
--- a/src/renderer/component/channelTile/view.jsx
+++ b/src/renderer/component/channelTile/view.jsx
@@ -79,7 +79,7 @@ class ChannelTile extends React.PureComponent<Props> {
                   'card__title--large': size === 'large',
                 })}
               >
-                <TruncatedText text={channelName || uri} lines={1} />
+                <TruncatedText lines={1}>{channelName || uri}</TruncatedText>
               </div>
               <div
                 className={classnames('card__subtitle', {
diff --git a/src/renderer/component/common/truncated-text.jsx b/src/renderer/component/common/truncated-text.jsx
index 065ec5452..8736ae530 100644
--- a/src/renderer/component/common/truncated-text.jsx
+++ b/src/renderer/component/common/truncated-text.jsx
@@ -2,13 +2,13 @@
 import * as React from 'react';
 
 type Props = {
-  text: string,
-  lines: number,
+  lines: ?number,
+  children: React.Node,
 };
 
 const TruncatedText = (props: Props) => (
-  <span title={props.text} className="truncated-text" style={{ WebkitLineClamp: props.lines }}>
-    {props.text}
+  <span className="truncated-text" style={{ WebkitLineClamp: props.lines }}>
+    {props.children}
   </span>
 );
 
diff --git a/src/renderer/component/fileCard/view.jsx b/src/renderer/component/fileCard/view.jsx
index 1ca015b89..f061d0b29 100644
--- a/src/renderer/component/fileCard/view.jsx
+++ b/src/renderer/component/fileCard/view.jsx
@@ -93,7 +93,7 @@ class FileCard extends React.PureComponent<Props> {
         <CardMedia thumbnail={thumbnail} />
         <div className="card__title-identity">
           <div className="card__title--small card__title--file-card">
-            <TruncatedText text={title} lines={2} />
+            <TruncatedText lines={2}>{title}</TruncatedText>
           </div>
           <div className="card__subtitle">
             {pending ? <div>Pending...</div> : <UriIndicator uri={uri} link />}
diff --git a/src/renderer/component/fileTile/view.jsx b/src/renderer/component/fileTile/view.jsx
index bfc650d71..100d90f55 100644
--- a/src/renderer/component/fileTile/view.jsx
+++ b/src/renderer/component/fileTile/view.jsx
@@ -127,7 +127,7 @@ class FileTile extends React.PureComponent<Props> {
                   'card__title--large': size === 'large',
                 })}
               >
-                <TruncatedText text={title || name} lines={size === 'small' ? 2 : 3} />
+                <TruncatedText lines={size === 'small' ? 2 : 3}>{title || name}</TruncatedText>
               </div>
               <div
                 className={classnames('card__subtitle', {
@@ -151,7 +151,7 @@ class FileTile extends React.PureComponent<Props> {
                     'card__subtext--large': size === 'large',
                   })}
                 >
-                  <TruncatedText text={description} lines={size === 'large' ? 4 : 3} />
+                  <TruncatedText lines={size === 'large' ? 4 : 3}>{description}</TruncatedText>
                 </div>
               )}
               {!name && (
diff --git a/src/renderer/scss/component/_card.scss b/src/renderer/scss/component/_card.scss
index c8fcf54b2..e53123ab4 100644
--- a/src/renderer/scss/component/_card.scss
+++ b/src/renderer/scss/component/_card.scss
@@ -4,7 +4,6 @@
   border-radius: var(--card-radius);
   user-select: text;
   display: flex;
-  position: relative;
   flex-direction: column;
   max-width: var(--card-max-width);
 }