diff --git a/ui/app/components/app/permissions-connect-header/index.scss b/ui/app/components/app/permissions-connect-header/index.scss
index f57451e78..591e9a0dc 100644
--- a/ui/app/components/app/permissions-connect-header/index.scss
+++ b/ui/app/components/app/permissions-connect-header/index.scss
@@ -38,7 +38,15 @@
     color: $Grey-500;
   }
 
+  &__text {
+    width: 100%;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    /*rtl:ignore*/
+    direction: rtl;
+  }
+
   &__subtitle {
     margin-top: 4px;
   }
-}
\ No newline at end of file
+}
diff --git a/ui/app/components/app/permissions-connect-header/permissions-connect-header.component.js b/ui/app/components/app/permissions-connect-header/permissions-connect-header.component.js
index c15c988a6..456295536 100644
--- a/ui/app/components/app/permissions-connect-header/permissions-connect-header.component.js
+++ b/ui/app/components/app/permissions-connect-header/permissions-connect-header.component.js
@@ -22,7 +22,7 @@ export default class PermissionsConnectHeader extends Component {
     return (
       <div className="permissions-connect-header__icon">
         <IconWithFallBack icon={ icon } name={ iconName } />
-        <div className="permissions-connect-header__text">{iconName }</div>
+        <div className="permissions-connect-header__text">{iconName}</div>
       </div>
     )
   }