diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 424778697dc9e2f9bad3019bbf4f3fc00e77f536..b1a9e02e4bfcbecf613c362b0fb02f5f5b4522df 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -50,6 +50,7 @@ import {MatFormFieldModule} from '@angular/material/form-field';
 import { OrderByScorePipe } from './semantic-enrichment/pipes/order-by-score.pipe';
 import { CatalogComponent } from './catalog/catalog.component';
 import { DatasetComponent } from './dataset/dataset.component';
+import {MatTooltipModule} from '@angular/material/tooltip';
 
 
 
@@ -116,7 +117,8 @@ import { DatasetComponent } from './dataset/dataset.component';
         MatAutocompleteModule,
         MatFormFieldModule,
         MatInputModule,
-        ReactiveFormsModule
+        ReactiveFormsModule,
+        MatTooltipModule
     ],
   entryComponents: [DatasetsDialogComponent, FeedbackDialogComponent],
   providers: [
diff --git a/src/app/dataset/dataset.component.html b/src/app/dataset/dataset.component.html
index 23b9a6554d5ac147ed7bc706b373a7dc31af2f98..9db87816fc6857a8358e693693e0ff989ad792b8 100644
--- a/src/app/dataset/dataset.component.html
+++ b/src/app/dataset/dataset.component.html
@@ -60,8 +60,10 @@
           <mat-autocomplete #auto="matAutocomplete" [displayWith]="viewHandle"
                             (optionSelected)="getResult($event)">
             <mat-option
+
               *ngFor="let option of filteredOptions | async"
-              [value]="option">
+              [value]="option"
+              [matTooltip]="option.source.document.description ? option.source.document.description: 'no definition found'">
               {{option.source.document.label}}
             </mat-option>
           </mat-autocomplete>
diff --git a/src/app/dataset/dataset.component.scss b/src/app/dataset/dataset.component.scss
index 98beafa84a3a3e09fc55f95d46589a373170a32c..2f1e5b6b43210c359432cbd8345a730f434c5826 100644
--- a/src/app/dataset/dataset.component.scss
+++ b/src/app/dataset/dataset.component.scss
@@ -4,5 +4,7 @@
 }
 
 .half-width {
-  width: 50%;
+  width: 100%;
 }
+
+
diff --git a/src/app/semantic-enrichment/semantic-enrichment.component.html b/src/app/semantic-enrichment/semantic-enrichment.component.html
index b10cb0e55d3bbcfa9c99db80a2a8ae1b06378c49..e39aa7ea0cb225a99f3caea9b234579f911721f5 100644
--- a/src/app/semantic-enrichment/semantic-enrichment.component.html
+++ b/src/app/semantic-enrichment/semantic-enrichment.component.html
@@ -19,7 +19,8 @@
 <mat-autocomplete #auto="matAutocomplete" [displayWith]="viewHandle" (optionSelected)="setIri($event)">
   <mat-option
     *ngFor="let option of filteredOptions | async"
-    [value]="option">
+    [value]="option"
+    [matTooltip]="option.source.document.description ? option.source.document.description: 'no definition found'">
     {{option.source.document.label}}
   </mat-option>
 </mat-autocomplete>
diff --git a/src/app/semantic-enrichment/semantic-enrichment.component.scss b/src/app/semantic-enrichment/semantic-enrichment.component.scss
index 98beafa84a3a3e09fc55f95d46589a373170a32c..c4eca40f2477990820a4a05081027c4bfeded0d7 100644
--- a/src/app/semantic-enrichment/semantic-enrichment.component.scss
+++ b/src/app/semantic-enrichment/semantic-enrichment.component.scss
@@ -4,5 +4,5 @@
 }
 
 .half-width {
-  width: 50%;
+  width: 100%;
 }