diff --git a/client/app/assets/less/redash/redash-newstyle.less b/client/app/assets/less/redash/redash-newstyle.less
index c571da749..f5628a552 100644
--- a/client/app/assets/less/redash/redash-newstyle.less
+++ b/client/app/assets/less/redash/redash-newstyle.less
@@ -150,7 +150,6 @@ body {
 .visual-card {
   background: #FFFFFF;
   border: 1px solid fade(@redash-gray, 15%);
-  overflow: hidden;
   border-radius: 3px;
   margin: 5px;
   width: 212px;
@@ -179,6 +178,8 @@ body {
     font-size: 13px;
     color: #323232;
     margin: 0 !important;
+    text-overflow: ellipsis;
+    overflow: hidden;
   }
 }
 
diff --git a/client/app/pages/data-sources/list.html b/client/app/pages/data-sources/list.html
index e89c5b90a..6e0bf7f2f 100644
--- a/client/app/pages/data-sources/list.html
+++ b/client/app/pages/data-sources/list.html
@@ -5,7 +5,7 @@
         <a href="data_sources/new" class="btn btn-default"><i class="fa fa-plus"></i> New Data Source</a>
       </p>
       <div class="database-source">
-        <a class="visual-card" ng-href="data_sources/{{dataSource.id}}" ng-repeat="dataSource in dataSources">
+        <a class="visual-card" ng-href="data_sources/{{dataSource.id}}" ng-repeat="dataSource in dataSources" title="{{dataSource.name}}">
           <img ng-src="/static/images/db-logos/{{dataSource.type}}.png" alt="{{dataSource.name}}">
           <h3>{{dataSource.name}}</h3>
         </a>