diff --git a/shared/js/ui/modal/connect/Renderer.scss b/shared/js/ui/modal/connect/Renderer.scss
index 08a13d2b..f92f4614 100644
--- a/shared/js/ui/modal/connect/Renderer.scss
+++ b/shared/js/ui/modal/connect/Renderer.scss
@@ -106,7 +106,8 @@
     .buttonShowHistory {
         .containerText {
             display: inline-block;
-            width: 10em;
+            min-width: 10em;
+            flex-shrink: 0;
         }
 
         .containerArrow {
@@ -239,6 +240,8 @@
             max-width: 100%;
             text-overflow: ellipsis;
             overflow: hidden;
+
+            @include text-dotdotdot();
         }
     }
 
diff --git a/shared/js/ui/modal/connect/Renderer.tsx b/shared/js/ui/modal/connect/Renderer.tsx
index 6b8cfa06..10cc03bb 100644
--- a/shared/js/ui/modal/connect/Renderer.tsx
+++ b/shared/js/ui/modal/connect/Renderer.tsx
@@ -385,22 +385,22 @@ const HistoryTable = () => {
             <div className={cssStyle.head}>
                 <div className={cssStyle.column + " " + cssStyle.delete} />
                 <div className={cssStyle.column + " " + cssStyle.name}>
-                    <Translatable>Name</Translatable>
+                    <a title={useTr("Name")}><Translatable>Name</Translatable></a>
                 </div>
                 <div className={cssStyle.column + " " + cssStyle.address}>
-                    <Translatable>Address</Translatable>
+                    <a title={useTr("Address")}><Translatable>Address</Translatable></a>
                 </div>
                 <div className={cssStyle.column + " " + cssStyle.password}>
-                    <Translatable>Password</Translatable>
+                    <a title={useTr("Password")}><Translatable>Password</Translatable></a>
                 </div>
                 <div className={cssStyle.column + " " + cssStyle.country}>
-                    <Translatable>Country</Translatable>
+                    <a title={useTr("Country")}><Translatable>Country</Translatable></a>
                 </div>
                 <div className={cssStyle.column + " " + cssStyle.clients}>
-                    <Translatable>Clients</Translatable>
+                    <a title={useTr("Clients")}><Translatable>Clients</Translatable></a>
                 </div>
                 <div className={cssStyle.column + " " + cssStyle.connections}>
-                    <Translatable>Connections</Translatable>
+                    <a title={useTr("Connections")}><Translatable>Connections</Translatable></a>
                 </div>
             </div>
             <div className={cssStyle.body}>