diff --git a/Resources/translations/universal_discovery_widget.en.xliff b/Resources/translations/universal_discovery_widget.en.xliff
index 666d35be..92f22be1 100644
--- a/Resources/translations/universal_discovery_widget.en.xliff
+++ b/Resources/translations/universal_discovery_widget.en.xliff
@@ -21,6 +21,16 @@
         <target state="new">Browse</target>
         <note>key: browse.label</note>
       </trans-unit>
+      <trans-unit id="a35f9da1e68c9f811d1a0093f434bc32fd0d2b78" resname="browser.add">
+        <source>Add</source>
+        <target state="new">Add</target>
+        <note>key: browser.add</note>
+      </trans-unit>
+      <trans-unit id="ddff3bc3b7838c0c1e752a37cd40b4a6d537dcdd" resname="browser.selected">
+        <source>Selected</source>
+        <target state="new">Selected</target>
+        <note>key: browser.selected</note>
+      </trans-unit>
       <trans-unit id="1713d0deb6344882cf915babb2df574556a3f82c" resname="content_create.cancel.label">
         <source>Cancel</source>
         <target state="new">Cancel</target>
@@ -116,11 +126,21 @@
         <target state="new">Subtree</target>
         <note>key: filters.subtree</note>
       </trans-unit>
+      <trans-unit id="87994bd9606f86f5999597107b8782ae5018a5ea" resname="meta_preview.bookmark">
+        <source>Bookmark</source>
+        <target state="new">Bookmark</target>
+        <note>key: meta_preview.bookmark</note>
+      </trans-unit>
       <trans-unit id="5e42fe3d48d64c1c9a735ac6286d3b0c06a008a0" resname="meta_preview.creation_date">
         <source>Creation Date</source>
         <target state="new">Creation Date</target>
         <note>key: meta_preview.creation_date</note>
       </trans-unit>
+      <trans-unit id="2e0757eac91bd5a5cd89bd2811a0126bf8bd8194" resname="meta_preview.edit">
+        <source>Edit</source>
+        <target state="new">Edit</target>
+        <note>key: meta_preview.edit</note>
+      </trans-unit>
       <trans-unit id="4828dcbcd9cf2ad9c2b69a9b9420c94eccbe5dcc" resname="meta_preview.edit_translation">
         <source>Edit translation</source>
         <target state="new">Edit translation</target>
@@ -131,6 +151,11 @@
         <target state="new">Last Modified</target>
         <note>key: meta_preview.last_modified</note>
       </trans-unit>
+      <trans-unit id="7035b652193ea7af439a17d02ff8eda8013318ea" resname="meta_preview.preview">
+        <source>Preview</source>
+        <target state="new">Preview</target>
+        <note>key: meta_preview.preview</note>
+      </trans-unit>
       <trans-unit id="18595eab7f455b6e3267de1bd018011b8126ab97" resname="meta_preview.translations">
         <source>Translations</source>
         <target state="new">Translations</target>
@@ -181,6 +206,31 @@
         <target state="new">Some helpful search tips</target>
         <note>key: search.tips</note>
       </trans-unit>
+      <trans-unit id="1e503a68093242d42791b3ce4572f246b994d303" resname="selected_locations.clear_all">
+        <source>Clear all</source>
+        <target state="new">Clear all</target>
+        <note>key: selected_locations.clear_all</note>
+      </trans-unit>
+      <trans-unit id="f57171aaa260d58b75c085d5606779e75a97751f" resname="selected_locations.clear_selection">
+        <source>Clear selection</source>
+        <target state="new">Clear selection</target>
+        <note>key: selected_locations.clear_selection</note>
+      </trans-unit>
+      <trans-unit id="7b84163c8a4215667a4a05bd8f44f25aa5ddc198" resname="selected_locations.collapse.sidebar">
+        <source>Collapse sidebar</source>
+        <target state="new">Collapse sidebar</target>
+        <note>key: selected_locations.collapse.sidebar</note>
+      </trans-unit>
+      <trans-unit id="6e6722ce3ff968c64d765d570209299cd6628024" resname="selected_locations.confirm_selection">
+        <source>Confirm selection</source>
+        <target state="new">Confirm selection</target>
+        <note>key: selected_locations.confirm_selection</note>
+      </trans-unit>
+      <trans-unit id="19700661da70137e52d0009660c9a87f5bcb99bd" resname="selected_locations.expand.sidebar">
+        <source>Expand sidebar</source>
+        <target state="new">Expand sidebar</target>
+        <note>key: selected_locations.expand.sidebar</note>
+      </trans-unit>
       <trans-unit id="49f1cbcf4bdd5ba51b7f17dc8dfe93d95cbd4795" resname="selected_locations.selected">
         <source>selected</source>
         <target state="new">selected</target>
@@ -191,11 +241,31 @@
         <target state="new">Date</target>
         <note>key: sorting.date.label</note>
       </trans-unit>
+      <trans-unit id="a3253454c09869d111cc52367a11b7d419819a8a" resname="sorting.date.tooltip">
+        <source>Sort by Date</source>
+        <target state="new">Sort by Date</target>
+        <note>key: sorting.date.tooltip</note>
+      </trans-unit>
+      <trans-unit id="7e978afd229113429d273612c01318f09e3f3e5e" resname="sorting.grid.view">
+        <source>Grid view</source>
+        <target state="new">Grid view</target>
+        <note>key: sorting.grid.view</note>
+      </trans-unit>
       <trans-unit id="c06c6d1c4592ee395e16fc267b514ee167146886" resname="sorting.name.label">
         <source>Name</source>
         <target state="new">Name</target>
         <note>key: sorting.name.label</note>
       </trans-unit>
+      <trans-unit id="2ef6e531e02791b42911cf5f7279f9bedebb3fb2" resname="sorting.name.tooltip">
+        <source>Sort by Name</source>
+        <target state="new">Sort by Name</target>
+        <note>key: sorting.name.tooltip</note>
+      </trans-unit>
+      <trans-unit id="27c00b5da502fe6afe6b76e59ddeb951bbbf2c6f" resname="sorting.panels.view">
+        <source>Panels view</source>
+        <target state="new">Panels view</target>
+        <note>key: sorting.panels.view</note>
+      </trans-unit>
     </body>
   </file>
 </xliff>
diff --git a/src/modules/universal-discovery/components/content-create-button/content.create.button.js b/src/modules/universal-discovery/components/content-create-button/content.create.button.js
index 759f8daa..a2dddf3e 100644
--- a/src/modules/universal-discovery/components/content-create-button/content.create.button.js
+++ b/src/modules/universal-discovery/components/content-create-button/content.create.button.js
@@ -19,7 +19,9 @@ const ContentCreateButton = ({ isDisabled }) => {
     const [selectedLocations, dispatchSelectedLocationsAction] = useContext(SelectedLocationsContext);
     const [multiple, multipleItemsLimit] = useContext(MultipleConfigContext);
     const { hidden, allowedLocations } = useContext(ContentOnTheFlyConfigContext);
+    const createLabel = Translator.trans(/*@Desc("Create")*/ 'create_content.create', {}, 'universal_discovery_widget');
     const toggleContentCreateVisibility = () => {
+        window.eZ.helpers.tooltips.hideAll();
         setCreateContentVisible((prevState) => !prevState);
     };
     let selectedLocation = loadedLocationsMap.find((loadedLocation) => loadedLocation.parentLocationId === markedLocationId);
@@ -46,7 +48,9 @@ const ContentCreateButton = ({ isDisabled }) => {
             <button
                 className="c-content-create-button__btn btn btn-primary"
                 disabled={isDisabled || !hasAccess || !isAllowedLocation || isLimitReached}
-                onClick={toggleContentCreateVisibility}>
+                onClick={toggleContentCreateVisibility}
+                data-tooltip-container-selector=".c-top-menu"
+                title={createLabel}>
                 <Icon name="create" extraClasses="ez-icon--medium ez-icon--light" />
             </button>
         </div>
diff --git a/src/modules/universal-discovery/components/content-create-widget/content.create.widget.js b/src/modules/universal-discovery/components/content-create-widget/content.create.widget.js
index 400418a4..c657f163 100644
--- a/src/modules/universal-discovery/components/content-create-widget/content.create.widget.js
+++ b/src/modules/universal-discovery/components/content-create-widget/content.create.widget.js
@@ -1,4 +1,4 @@
-import React, { useContext, useState } from 'react';
+import React, { useContext, useState, useEffect, useRef } from 'react';
 
 import Icon from '../../../common/icon/icon';
 
@@ -17,6 +17,7 @@ const languages = Object.values(window.eZ.adminUiConfig.languages.mappings);
 const contentTypes = Object.entries(window.eZ.adminUiConfig.contentTypes);
 
 const ContentCreateWidget = () => {
+    const refContentTree = useRef(null);
     const [markedLocationId, setMarkedLocationId] = useContext(MarkedLocationIdContext);
     const [loadedLocationsMap, dispatchLoadedLocationsAction] = useContext(LoadedLocationsMapContext);
     const { allowedLanguages, preselectedLanguage, preselectedContentType } = useContext(ContentOnTheFlyConfigContext);
@@ -69,16 +70,26 @@ const ContentCreateWidget = () => {
         'universal_discovery_widget'
     );
     const createLabel = Translator.trans(/*@Desc("Create")*/ 'create_content.create', {}, 'universal_discovery_widget');
+    const closeLabel = Translator.trans(/*@Desc("Close")*/ 'popup.close.label', {}, 'universal_discovery_widget');
     const widgetClassName = createCssClassNames({
         'c-content-create': true,
         'c-content-create--hidden': !createContentVisible,
     });
 
+    useEffect(() => {
+        window.eZ.helpers.tooltips.parse(refContentTree.current);
+    }, []);
+
     return (
-        <div className={widgetClassName}>
+        <div className={widgetClassName} ref={refContentTree}>
             <div className="c-content-create__header">
                 <div className="c-content-create__header-title">{createContentLabel}</div>
-                <button type="button" className="c-content-create__close-button" onClick={close}>
+                <button
+                    type="button"
+                    className="c-content-create__close-button"
+                    onClick={close}
+                    title={closeLabel}
+                    data-tooltip-container-selector=".c-udw-tab">
                     <Icon name="discard" extraClasses="ez-icon--small" />
                 </button>
             </div>
diff --git a/src/modules/universal-discovery/components/content-edit-button/content.edit.button.js b/src/modules/universal-discovery/components/content-edit-button/content.edit.button.js
index 7ae4bf7d..b5473260 100644
--- a/src/modules/universal-discovery/components/content-edit-button/content.edit.button.js
+++ b/src/modules/universal-discovery/components/content-edit-button/content.edit.button.js
@@ -21,6 +21,7 @@ const ContentEditButton = ({ version, location, isDisabled }) => {
     const [isTranslationSelectorVisible, setIsTranslationSelectorVisible] = useState(false);
     const contentTypeInfo = contentTypesMap[location.ContentInfo.Content.ContentType._href];
     const isUserContentType = window.eZ.adminUiConfig.userContentTypes.includes(contentTypeInfo.identifier);
+    const editLabel = Translator.trans(/*@Desc("Edit")*/ 'meta_preview.edit', {}, 'universal_discovery_widget');
 
     useEffect(() => {
         setIsTranslationSelectorVisible(false);
@@ -107,7 +108,9 @@ const ContentEditButton = ({ version, location, isDisabled }) => {
             <button
                 className="c-content-edit-button__btn btn btn-primary"
                 disabled={!version || isDisabled}
-                onClick={toggleTranslationSelectorVisibility}>
+                onClick={toggleTranslationSelectorVisibility}
+                data-tooltip-container-selector=".c-udw-tab"
+                title={editLabel}>
                 <Icon name="edit" extraClasses="ez-icon--medium ez-icon--light" />
             </button>
             {renderTranslationSelector()}
diff --git a/src/modules/universal-discovery/components/content-table/content.table.js b/src/modules/universal-discovery/components/content-table/content.table.js
index cd2190b7..8f80ff4f 100644
--- a/src/modules/universal-discovery/components/content-table/content.table.js
+++ b/src/modules/universal-discovery/components/content-table/content.table.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 
 import ContentTableItem from './content.table.item';
@@ -6,12 +6,17 @@ import ContentTableItem from './content.table.item';
 import Pagination from '../../../common/pagination/pagination';
 
 const ContentTable = ({ count, itemsPerPage, items, activePageIndex, title, onPageChange }) => {
+    const refContentTable = useRef(null);
     const nameLabel = Translator.trans(/*@Desc("Name")*/ 'content_table.name', {}, 'universal_discovery_widget');
     const modifiedLabel = Translator.trans(/*@Desc("Modified")*/ 'content_table.modified', {}, 'universal_discovery_widget');
     const contentTypeLabel = Translator.trans(/*@Desc("Content Type")*/ 'content_table.content_type', {}, 'universal_discovery_widget');
 
+    useEffect(() => {
+        window.eZ.helpers.tooltips.parse(refContentTable.current);
+    }, []);
+
     return (
-        <div className="c-content-table">
+        <div className="c-content-table" ref={refContentTable}>
             <div className="c-content-table__title">{title}</div>
             <div className="c-content-table__items">
                 <table className="table">
diff --git a/src/modules/universal-discovery/components/finder/finder.leaf.js b/src/modules/universal-discovery/components/finder/finder.leaf.js
index 33c0b7c4..1448ec86 100644
--- a/src/modules/universal-discovery/components/finder/finder.leaf.js
+++ b/src/modules/universal-discovery/components/finder/finder.leaf.js
@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import React, { useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 
 import ToggleSelectionButton from '../toggle-selection-button/toggle.selection.button';
@@ -58,6 +58,10 @@ const FinderLeaf = ({ location }) => {
         'c-finder-leaf--not-selectable': isNotSelectable,
     });
 
+    useEffect(() => {
+        window.eZ.helpers.tooltips.parse(window.document.querySelector('.c-udw-tab'));
+    }, []);
+
     return (
         <div className={className} onClick={markLocation}>
             <span className="c-finder-leaf__name">
@@ -67,7 +71,9 @@ const FinderLeaf = ({ location }) => {
                         customPath={contentTypesMap[location.ContentInfo.Content.ContentType._href].thumbnail}
                     />
                 </span>
-                <span>{location.ContentInfo.Content.TranslatedName}</span>
+                <span title={location.ContentInfo.Content.TranslatedName} data-tooltip-container-selector=".c-udw-tab">
+                    {location.ContentInfo.Content.TranslatedName}
+                </span>
             </span>
             {renderToggleSelectionButton()}
         </div>
diff --git a/src/modules/universal-discovery/components/menu-button/menu.button.js b/src/modules/universal-discovery/components/menu-button/menu.button.js
index db643453..04b2b4b5 100644
--- a/src/modules/universal-discovery/components/menu-button/menu.button.js
+++ b/src/modules/universal-discovery/components/menu-button/menu.button.js
@@ -3,14 +3,14 @@ import PropTypes from 'prop-types';
 
 import { createCssClassNames } from '../../../common/helpers/css.class.names';
 
-const MenuButton = ({ extraClasses, onClick, isDisabled, children }) => {
+const MenuButton = ({ extraClasses, onClick, isDisabled, title, children }) => {
     const className = createCssClassNames({
         'c-menu-button': true,
         [extraClasses]: !!extraClasses,
     });
 
     return (
-        <button className={className} onClick={onClick} disabled={isDisabled}>
+        <button className={className} onClick={onClick} disabled={isDisabled} title={title} data-tooltip-container-selector=".c-udw-tab">
             {children}
         </button>
     );
@@ -20,6 +20,7 @@ MenuButton.propTypes = {
     extraClasses: PropTypes.string,
     onClick: PropTypes.func.isRequired,
     isDisabled: PropTypes.bool,
+    title: PropTypes.string,
     children: PropTypes.any,
 };
 
@@ -27,6 +28,7 @@ MenuButton.defaultProps = {
     children: [],
     extraClasses: '',
     isDisabled: false,
+    title: '',
 };
 
 export default MenuButton;
diff --git a/src/modules/universal-discovery/components/selected-locations/selected.locations.item.js b/src/modules/universal-discovery/components/selected-locations/selected.locations.item.js
index 0f8449d5..479e43e5 100644
--- a/src/modules/universal-discovery/components/selected-locations/selected.locations.item.js
+++ b/src/modules/universal-discovery/components/selected-locations/selected.locations.item.js
@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from 'react';
+import React, { useContext, useEffect, useMemo, useRef } from 'react';
 import PropTypes from 'prop-types';
 
 import Icon from '../../../common/icon/icon';
@@ -7,9 +7,16 @@ import Thumbnail from '../../../common/thumbnail/thumbnail';
 import { SelectedLocationsContext, ContentTypesMapContext } from '../../universal.discovery.module';
 
 const SelectedLocationsItem = ({ location, permissions }) => {
+    const refSelectedLocationsItem = useRef(null);
     const [selectedLocations, dispatchSelectedLocationsAction] = useContext(SelectedLocationsContext);
     const contentTypesMap = useContext(ContentTypesMapContext);
+    const clearLabel = Translator.trans(
+        /*@Desc("Clear selection")*/ 'selected_locations.clear_selection',
+        {},
+        'universal_discovery_widget'
+    );
     const removeFromSelection = () => {
+        window.eZ.helpers.tooltips.hideAll(refSelectedLocationsItem.current);
         dispatchSelectedLocationsAction({ type: 'REMOVE_SELECTED_LOCATION', id: location.id });
     };
     const sortedActions = useMemo(() => {
@@ -23,8 +30,12 @@ const SelectedLocationsItem = ({ location, permissions }) => {
     const version = location.ContentInfo.Content.CurrentVersion.Version;
     const thumbnailData = version ? version.Thumbnail : {};
 
+    useEffect(() => {
+        window.eZ.helpers.tooltips.parse(refSelectedLocationsItem.current);
+    }, []);
+
     return (
-        <div className="c-selected-locations-item">
+        <div className="c-selected-locations-item" ref={refSelectedLocationsItem}>
             <div className="c-selected-locations-item__image-wrapper">
                 <Thumbnail thumbnailData={thumbnailData} />
             </div>
@@ -40,7 +51,12 @@ const SelectedLocationsItem = ({ location, permissions }) => {
 
                     return <Component key={action.id} location={location} permissions={permissions} />;
                 })}
-                <button type="button" className="c-selected-locations-item__remove-button" onClick={removeFromSelection}>
+                <button
+                    type="button"
+                    className="c-selected-locations-item__remove-button"
+                    onClick={removeFromSelection}
+                    title={clearLabel}
+                    data-tooltip-container-selector=".c-udw-tab">
                     <Icon name="discard" extraClasses="ez-icon--small-medium" />
                 </button>
             </div>
diff --git a/src/modules/universal-discovery/components/selected-locations/selected.locations.js b/src/modules/universal-discovery/components/selected-locations/selected.locations.js
index 285ea2cd..54bde702 100644
--- a/src/modules/universal-discovery/components/selected-locations/selected.locations.js
+++ b/src/modules/universal-discovery/components/selected-locations/selected.locations.js
@@ -1,4 +1,4 @@
-import React, { useContext, useState, Fragment } from 'react';
+import React, { useContext, useState, useEffect, useRef, Fragment } from 'react';
 
 import Icon from '../../../common/icon/icon';
 import SelectedLocationsItem from './selected.locations.item';
@@ -7,6 +7,8 @@ import { createCssClassNames } from '../../../common/helpers/css.class.names';
 import { SelectedLocationsContext, ConfirmContext, AllowConfirmationContext } from '../../universal.discovery.module';
 
 const SelectedLocations = () => {
+    const refSelectedLocations = useRef(null);
+    const refTogglerButton = useRef(null);
     const [selectedLocations, dispatchSelectedLocationsAction] = useContext(SelectedLocationsContext);
     const allowConfirmation = useContext(AllowConfirmationContext);
     const onConfirm = useContext(ConfirmContext);
@@ -15,7 +17,15 @@ const SelectedLocations = () => {
         'c-selected-locations': true,
         'c-selected-locations--expanded': isExpanded,
     });
+    const expandLabel = Translator.trans(/*@Desc("Expand sidebar")*/ 'selected_locations.expand.sidebar', {}, 'universal_discovery_widget');
+    const collapseLabel = Translator.trans(
+        /*@Desc("Collapse sidebar")*/ 'selected_locations.collapse.sidebar',
+        {},
+        'universal_discovery_widget'
+    );
+    const togglerLabel = isExpanded ? collapseLabel : expandLabel;
     const clearSelection = () => {
+        window.eZ.helpers.tooltips.hideAll(refSelectedLocations.current);
         dispatchSelectedLocationsAction({ type: 'CLEAR_SELECTED_LOCATIONS' });
     };
     const toggleExpanded = () => {
@@ -35,18 +45,41 @@ const SelectedLocations = () => {
         const iconName = isExpanded ? 'caret-next' : 'caret-back';
 
         return (
-            <button type="button" className="c-selected-locations__toggle-button" onClick={toggleExpanded}>
+            <button
+                ref={refTogglerButton}
+                type="button"
+                className="c-selected-locations__toggle-button"
+                onClick={toggleExpanded}
+                title={togglerLabel}
+                data-tooltip-container-selector=".c-udw-tab">
                 <Icon name={iconName} extraClasses="ez-icon--medium" />
             </button>
         );
     };
     const renderActionButtons = () => {
+        const confirmSelectionLabel = Translator.trans(
+            /*@Desc("Confirm selection")*/ 'selected_locations.confirm_selection',
+            {},
+            'universal_discovery_widget'
+        );
+        const clearAllLabel = Translator.trans(/*@Desc("Clear all")*/ 'selected_locations.clear_all', {}, 'universal_discovery_widget');
+
         return (
             <Fragment>
-                <button type="button" className="c-selected-locations__confirm-button" onClick={() => onConfirm()}>
+                <button
+                    type="button"
+                    className="c-selected-locations__confirm-button"
+                    onClick={() => onConfirm()}
+                    title={confirmSelectionLabel}
+                    data-tooltip-container-selector=".c-udw-tab">
                     <Icon name="checkmark" extraClasses="ez-icon--medium ez-icon--light" />
                 </button>
-                <button type="button" className="c-selected-locations__clear-selection-button" onClick={clearSelection}>
+                <button
+                    type="button"
+                    className="c-selected-locations__clear-selection-button"
+                    onClick={clearSelection}
+                    title={clearAllLabel}
+                    data-tooltip-container-selector=".c-udw-tab">
                     <Icon name="circle-close" extraClasses="ez-icon--medium ez-icon--light" />
                 </button>
             </Fragment>
@@ -70,12 +103,21 @@ const SelectedLocations = () => {
         );
     };
 
+    useEffect(() => {
+        window.eZ.helpers.tooltips.parse(refSelectedLocations.current);
+        window.eZ.helpers.tooltips.hideAll();
+
+        if (refTogglerButton.current) {
+            refTogglerButton.current.dataset.originalTitle = togglerLabel;
+        }
+    }, [isExpanded]);
+
     if (!allowConfirmation) {
         return null;
     }
 
     return (
-        <div className={className}>
+        <div className={className} ref={refSelectedLocations}>
             <div className="c-selected-locations__header">
                 <div className="c-selected-locations__actions-wrapper">
                     {renderToggleButton()}
diff --git a/src/modules/universal-discovery/components/sort-switcher/sort.switcher.js b/src/modules/universal-discovery/components/sort-switcher/sort.switcher.js
index b50c5b6f..dbf6eb6b 100644
--- a/src/modules/universal-discovery/components/sort-switcher/sort.switcher.js
+++ b/src/modules/universal-discovery/components/sort-switcher/sort.switcher.js
@@ -34,7 +34,12 @@ const SortSwitcher = ({ isDisabled }) => {
                 };
 
                 return (
-                    <MenuButton key={option.sortClause} extraClasses={extraClasses} onClick={onClick} isDisabled={isDisabled}>
+                    <MenuButton
+                        key={option.sortClause}
+                        extraClasses={extraClasses}
+                        onClick={onClick}
+                        isDisabled={isDisabled}
+                        title={option.tooltipLabel}>
                         {option.label}
                     </MenuButton>
                 );
diff --git a/src/modules/universal-discovery/components/toggle-selection-button/toggle.selection.button.js b/src/modules/universal-discovery/components/toggle-selection-button/toggle.selection.button.js
index d29775b2..bd350c60 100644
--- a/src/modules/universal-discovery/components/toggle-selection-button/toggle.selection.button.js
+++ b/src/modules/universal-discovery/components/toggle-selection-button/toggle.selection.button.js
@@ -1,15 +1,19 @@
-import React, { useContext } from 'react';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 
 import Icon from '../../../common/icon/icon';
 
 import { createCssClassNames } from '../../../common/helpers/css.class.names';
-import { SelectedLocationsContext, MultipleConfigContext } from '../../universal.discovery.module';
+import { SelectedLocationsContext, MultipleConfigContext, ContainersOnlyContext } from '../../universal.discovery.module';
 
 const ToggleSelectionButton = ({ location }) => {
+    const refToggleSelectionButton = useRef(null);
     const [selectedLocations, dispatchSelectedLocationsAction] = useContext(SelectedLocationsContext);
     const [multiple, multipleItemsLimit] = useContext(MultipleConfigContext);
     const isSelected = selectedLocations.some((selectedItem) => selectedItem.location.id === location.id);
+    const addLabel = Translator.trans(/*@Desc("Add")*/ 'browser.add', {}, 'universal_discovery_widget');
+    const selectedLabel = Translator.trans(/*@Desc("Selected")*/ 'browser.selected', {}, 'universal_discovery_widget');
+    const toggleSelectionLabel = isSelected ? selectedLabel : addLabel;
     const iconName = isSelected ? 'checkmark' : 'create';
     const className = createCssClassNames({
         'c-toggle-selection-button': true,
@@ -21,12 +25,29 @@ const ToggleSelectionButton = ({ location }) => {
         dispatchSelectedLocationsAction(action);
     };
 
+    useEffect(() => {
+        window.eZ.helpers.tooltips.hideAll(window.document.querySelector('.c-udw-tab'));
+
+        // Title on toggler selection button is dynamic, for this we have to change 'data-original-title'.
+        // Remove title is neccessary to prevent situation when we have bootsrap and native title.
+        if (refToggleSelectionButton.current.getAttribute('data-original-title')) {
+            refToggleSelectionButton.current.removeAttribute('title');
+        }
+
+        refToggleSelectionButton.current.setAttribute('data-original-title', toggleSelectionLabel);
+    }, [isSelected]);
+
     if (multiple && !isSelected && selectedLocations.length >= multipleItemsLimit && multipleItemsLimit !== 0) {
         return null;
     }
 
     return (
-        <button className={className} onClick={toggleSelection}>
+        <button
+            ref={refToggleSelectionButton}
+            className={className}
+            onClick={toggleSelection}
+            title={toggleSelectionLabel}
+            data-tooltip-container-selector=".c-udw-tab">
             <Icon name={iconName} extraClasses="ez-icon--small" />
         </button>
     );
diff --git a/src/modules/universal-discovery/components/view-switcher/view.switcher.js b/src/modules/universal-discovery/components/view-switcher/view.switcher.js
index d971dd06..ae9d2296 100644
--- a/src/modules/universal-discovery/components/view-switcher/view.switcher.js
+++ b/src/modules/universal-discovery/components/view-switcher/view.switcher.js
@@ -20,10 +20,16 @@ const ViewSwitcher = ({ isDisabled }) => {
                 const extraClasses = view.id === currentView ? 'c-menu-button--selected' : '';
                 const onClick = () => {
                     setCurrentView(view.id);
+                    window.eZ.helpers.tooltips.hideAll();
                 };
 
                 return (
-                    <MenuButton key={view.id} extraClasses={extraClasses} onClick={onClick} isDisabled={isDisabled}>
+                    <MenuButton
+                        key={view.id}
+                        extraClasses={extraClasses}
+                        onClick={onClick}
+                        isDisabled={isDisabled}
+                        title={view.tooltipLabel}>
                         <Icon name={view.icon} extraClasses="ez-icon--small-medium" />
                     </MenuButton>
                 );
diff --git a/src/modules/universal-discovery/content.meta.preview.module.js b/src/modules/universal-discovery/content.meta.preview.module.js
index d6a1a85e..d0a2d508 100644
--- a/src/modules/universal-discovery/content.meta.preview.module.js
+++ b/src/modules/universal-discovery/content.meta.preview.module.js
@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from 'react';
+import React, { useContext, useEffect, useMemo, useState, useRef } from 'react';
 
 import Icon from '../common/icon/icon';
 import Thumbnail from '../common/thumbnail/thumbnail';
@@ -15,6 +15,7 @@ import {
 } from './universal.discovery.module';
 
 const ContentMetaPreview = () => {
+    const refContentMetaPreview = useRef(null);
     const [markedLocationId, setMarkedLocationId] = useContext(MarkedLocationIdContext);
     const [loadedLocationsMap, dispatchLoadedLocationsAction] = useContext(LoadedLocationsMapContext);
     const contentTypesMap = useContext(ContentTypesMapContext);
@@ -29,6 +30,13 @@ const ContentMetaPreview = () => {
         );
     }, [markedLocationId, loadedLocationsMap]);
 
+    const bookmarkLabel = Translator.trans(/*@Desc("Bookmark")*/ 'meta_preview.bookmark', {}, 'universal_discovery_widget');
+    const previewLabel = Translator.trans(/*@Desc("Preview")*/ 'meta_preview.preview', {}, 'universal_discovery_widget');
+
+    useEffect(() => {
+        window.eZ.helpers.tooltips.parse(refContentMetaPreview.current);
+    });
+
     if (!locationData || !locationData.location || !locationData.version || markedLocationId === 1) {
         return null;
     }
@@ -51,7 +59,11 @@ const ContentMetaPreview = () => {
     };
     const renderActions = () => {
         const previewButton = allowRedirects ? (
-            <button className="c-content-meta-preview__preview-button btn" onClick={previewContent}>
+            <button
+                className="c-content-meta-preview__preview-button btn"
+                onClick={previewContent}
+                data-tooltip-container-selector=".c-udw-tab"
+                title={previewLabel}>
                 <Icon name="view" extraClasses="ez-icon--secondary" />
             </button>
         ) : null;
@@ -69,13 +81,18 @@ const ContentMetaPreview = () => {
     const translationsLabel = Translator.trans(/*@Desc("Translations")*/ 'meta_preview.translations', {}, 'universal_discovery_widget');
 
     return (
-        <div className="c-content-meta-preview">
+        <div className="c-content-meta-preview" ref={refContentMetaPreview}>
             <div className="c-content-meta-preview__preview">
                 <Thumbnail thumbnailData={version.Thumbnail} iconExtraClasses="ez-icon--extra-large" />
             </div>
             <div className="c-content-meta-preview__header">
                 <span className="c-content-meta-preview__content-name">{location.ContentInfo.Content.TranslatedName}</span>
-                <button className="c-content-meta-preview__toggle-bookmark-button" onClick={toggleBookmarked}>
+                <button
+                    className="c-content-meta-preview__toggle-bookmark-button"
+                    onClick={toggleBookmarked}
+                    title={bookmarkLabel}
+                    data-placement="left"
+                    data-tooltip-container-selector=".c-content-meta-preview">
                     <Icon name={bookmarkIconName} extraClasses="ez-icon--small ez-icon--secondary" />
                 </button>
             </div>
diff --git a/src/modules/universal-discovery/universal.discovery.module.js b/src/modules/universal-discovery/universal.discovery.module.js
index 31eeb459..8a079a05 100644
--- a/src/modules/universal-discovery/universal.discovery.module.js
+++ b/src/modules/universal-discovery/universal.discovery.module.js
@@ -18,14 +18,27 @@ const CLASS_SCROLL_DISABLED = 'ez-scroll-disabled';
 export const SORTING_OPTIONS = [
     {
         label: Translator.trans(/*@Desc("Date")*/ 'sorting.date.label', {}, 'universal_discovery_widget'),
+        tooltipLabel: Translator.trans(/*@Desc("Sort by Date")*/ 'sorting.date.tooltip', {}, 'universal_discovery_widget'),
         sortClause: 'DatePublished',
     },
     {
         label: Translator.trans(/*@Desc("Name")*/ 'sorting.name.label', {}, 'universal_discovery_widget'),
+        tooltipLabel: Translator.trans(/*@Desc("Sort by Name")*/ 'sorting.name.tooltip', {}, 'universal_discovery_widget'),
         sortClause: 'ContentName',
     },
 ];
-export const VIEWS = [{ id: 'grid', icon: 'view-grid' }, { id: 'finder', icon: 'panels' }];
+export const VIEWS = [
+    {
+        id: 'grid',
+        icon: 'view-grid',
+        tooltipLabel: Translator.trans(/*@Desc("Grid view")*/ 'sorting.grid.view', {}, 'universal_discovery_widget'),
+    },
+    {
+        id: 'finder',
+        icon: 'panels',
+        tooltipLabel: Translator.trans(/*@Desc("Panels view")*/ 'sorting.panels.view', {}, 'universal_discovery_widget'),
+    },
+];
 
 const restInfo = {
     token: document.querySelector('meta[name="CSRF-Token"]').content,
@@ -131,6 +144,7 @@ const UniversalDiscoveryModule = (props) => {
 
         loadContentTypes(restInfo, handleLoadContentTypes);
         window.document.body.dispatchEvent(new CustomEvent('ez-udw-opened'));
+        window.eZ.helpers.tooltips.parse(window.document.querySelector('.c-udw-tab'));
 
         return () => {
             window.document.body.dispatchEvent(new CustomEvent('ez-udw-closed'));