diff --git a/src/core_plugins/kibana/public/home/components/__snapshots__/recently_accessed.test.js.snap b/src/core_plugins/kibana/public/home/components/__snapshots__/recently_accessed.test.js.snap
index b8461d9d434c..ae1e4b99daa8 100644
--- a/src/core_plugins/kibana/public/home/components/__snapshots__/recently_accessed.test.js.snap
+++ b/src/core_plugins/kibana/public/home/components/__snapshots__/recently_accessed.test.js.snap
@@ -27,7 +27,7 @@ exports[`render 1`] = `
gutterSize="l"
justifyContent="spaceBetween"
responsive={true}
- wrap={false}
+ wrap={true}
>
-
- label0
-
+
+ label0
+
+
-
- label1
-
+
+ label1
+
+
diff --git a/src/core_plugins/kibana/public/home/components/recently_accessed.js b/src/core_plugins/kibana/public/home/components/recently_accessed.js
index 9bec15ca2ba7..96d6783f6172 100644
--- a/src/core_plugins/kibana/public/home/components/recently_accessed.js
+++ b/src/core_plugins/kibana/public/home/components/recently_accessed.js
@@ -12,6 +12,7 @@ import {
EuiPopover,
EuiIcon,
EuiSpacer,
+ EuiToolTip,
} from '@elastic/eui';
export const NUM_LONG_LINKS = 5;
@@ -130,12 +131,17 @@ export class RecentlyAccessed extends Component {
style={style}
grow={false}
>
-
- {recentlyAccessedItem.label}
-
+
+ {recentlyAccessedItem.label}
+
+
);
@@ -178,7 +184,7 @@ export class RecentlyAccessed extends Component {
-
+
{this.renderRecentlyAccessed()}
diff --git a/src/core_plugins/kibana/public/home/components/recently_accessed.less b/src/core_plugins/kibana/public/home/components/recently_accessed.less
index c83b38e2deaf..df491d95a53e 100644
--- a/src/core_plugins/kibana/public/home/components/recently_accessed.less
+++ b/src/core_plugins/kibana/public/home/components/recently_accessed.less
@@ -7,6 +7,11 @@
.recentlyAccessedItem {
overflow: hidden;
max-width: 300px;
+
+ .euiToolTipAnchor {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
}
.recentlyAccessedLongLink {