diff --git a/landingPages/landing-utils/citeThis/citeThis.component.ts b/landingPages/landing-utils/citeThis/citeThis.component.ts
index 66d316a8..8d29796e 100644
--- a/landingPages/landing-utils/citeThis/citeThis.component.ts
+++ b/landingPages/landing-utils/citeThis/citeThis.component.ts
@@ -24,9 +24,9 @@ declare var UIkit: any;
     <div class="uk-padding">
       <mat-form-field class="matSelectionFormField uk-width-1-1">
         <mat-label>Select a citation style</mat-label>
-        <mat-select #matSelect class="matSelection" id="citations" name="citeselect" [(ngModel)]="selectedStyle"
+        <mat-select class="matSelection" id="citations" name="citeselect" [(ngModel)]="selectedStyle"
                     (ngModelChange)="styleChanged()"
-                    [disableOptionCentering]="true" modal-select [matSelect]="matSelect"
+                    [disableOptionCentering]="true"
                     panelClass="matSelectionPanel">
           <mat-option *ngFor=" let  style of this.citation.templates let i = index"
                       [value]="style">{{style}}</mat-option>
diff --git a/landingPages/landing-utils/citeThis/citeThis.module.ts b/landingPages/landing-utils/citeThis/citeThis.module.ts
index a91d1404..624602da 100644
--- a/landingPages/landing-utils/citeThis/citeThis.module.ts
+++ b/landingPages/landing-utils/citeThis/citeThis.module.ts
@@ -1,15 +1,14 @@
-import { NgModule}            from '@angular/core';
-import { CommonModule }        from '@angular/common';
-import { FormsModule }         from '@angular/forms';
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {FormsModule} from '@angular/forms';
 
- import {CiteThisComponent} from './citeThis.component';
+import {CiteThisComponent} from './citeThis.component';
 import {MatSelectModule} from "@angular/material";
-import {ModalSelectModule} from "../../../utils/modal-select/modal-select.module";
 
 @NgModule({
   imports: [
     
-    CommonModule, FormsModule, MatSelectModule, ModalSelectModule
+    CommonModule, FormsModule, MatSelectModule
   ],
   declarations: [
      CiteThisComponent
diff --git a/landingPages/organization/organization.component.html b/landingPages/organization/organization.component.html
index c8c19bdc..02cd7b54 100644
--- a/landingPages/organization/organization.component.html
+++ b/landingPages/organization/organization.component.html
@@ -352,7 +352,7 @@
       <div>
         <mat-form-field class="matSelectionFormField uk-width-1-1">
           <mat-label>Select a funder to download report</mat-label>
-          <mat-select [(value)]="funder" #matSelect modal-select [matSelect]="matSelect"
+          <mat-select [(value)]="funder"
                       [disableOptionCentering]="true"
                       class="matSelection" panelClass="matSelectionPanel">
             <mat-option *ngFor="let element of fetchProjects.funders"
diff --git a/landingPages/organization/organization.module.ts b/landingPages/organization/organization.module.ts
index 508fea1d..61e4da37 100644
--- a/landingPages/organization/organization.module.ts
+++ b/landingPages/organization/organization.module.ts
@@ -26,7 +26,6 @@ import {OrganizationsDeletedByInferenceModule} from "./deletedByInference/delete
 import {LandingHeaderModule} from "../landing-utils/landing-header/landing-header.module";
 import {FeedbackModule} from "../feedback/feedback.module";
 import {MatSelectModule} from "@angular/material/select";
-import {ModalSelectModule} from "../../utils/modal-select/modal-select.module";
 import {TabsModule} from "../../utils/tabs/tabs.module";
 import {SearchTabModule} from "../../utils/tabs/contents/search-tab.module";
 
@@ -46,7 +45,7 @@ import {SearchTabModule} from "../../utils/tabs/contents/search-tab.module";
     ProjectsServiceModule,
     Schema2jsonldModule, SEOServiceModule, HelperModule,
     OrganizationsDeletedByInferenceModule, LandingHeaderModule, FeedbackModule,
-    MatSelectModule, ModalSelectModule,
+    MatSelectModule,
     TabsModule, SearchTabModule
   ],
   declarations: [
diff --git a/landingPages/project/project.component.html b/landingPages/project/project.component.html
index 53fb3bb7..bff0f5c7 100644
--- a/landingPages/project/project.component.html
+++ b/landingPages/project/project.component.html
@@ -278,8 +278,7 @@
                     <div class="uk-padding-small uk-padding-remove-vertical">
                       <mat-form-field class="matSelectionFormField uk-width-1-1">
                         <mat-label>Select content type to share</mat-label>
-                        <mat-select #matSelect  modal-select [matSelect]="matSelect"
-                                    [(value)]="share_research_results_type"
+                        <mat-select [(value)]="share_research_results_type"
                                     [disableOptionCentering]="true"
                                     panelClass="entitiesSelectionPanel"
                                     class="matSelection">
@@ -323,8 +322,7 @@
                       <mat-form-field
                                       class="matSelectionFormField uk-width-1-1">
                         <mat-label>Select content type report to download</mat-label>
-                        <mat-select #matSelect modal-select [matSelect]="matSelect"
-                                    [(value)]="download_research_results_type"
+                        <mat-select [(value)]="download_research_results_type"
                                     [disableOptionCentering]="true"
                                     panelClass="entitiesSelectionPanel"
                                     class="matSelection">
diff --git a/landingPages/project/project.module.ts b/landingPages/project/project.module.ts
index fa7a3ee4..d3b62fa3 100644
--- a/landingPages/project/project.module.ts
+++ b/landingPages/project/project.module.ts
@@ -1,18 +1,18 @@
 //import {MaterialModule} from '@angular/material';
-import { NgModule}       from '@angular/core';
-import { CommonModule }  from '@angular/common';
-import { FormsModule }   from '@angular/forms';
-import { RouterModule }  from '@angular/router';
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {FormsModule} from '@angular/forms';
+import {RouterModule} from '@angular/router';
 import {MatSelectModule} from "@angular/material";
 
-import { ProjectComponent } from './project.component';
+import {ProjectComponent} from './project.component';
 import {ProjectServiceModule} from './projectService.module';
 import {HtmlProjectReportService} from "../htmlProjectReport/htmlProjectReport.service";
 import {ReportsServiceModule} from '../../services/reportsService.module';
 import {SearchResearchResultsServiceModule} from '../../services/searchResearchResultsService.module';
 
 import {MetricsModule} from '../landing-utils/metrics/metrics.module';
-import {LandingModule } from '../landing-utils/landing.module';
+import {LandingModule} from '../landing-utils/landing.module';
 import {LandingHeaderModule} from "../landing-utils/landing-header/landing-header.module";
 
 import {LoadingModalModule} from '../../utils/modal/loadingModal.module';
@@ -21,14 +21,13 @@ import {ErrorMessagesModule} from '../../utils/errorMessages.module';
 import {HelperModule} from "../../utils/helper/helper.module";
 import {IFrameModule} from '../../utils/iframe.module';
 
-import {FreeGuard} from'../../login/freeGuard.guard';
+import {FreeGuard} from '../../login/freeGuard.guard';
 import {IsRouteEnabled} from '../../error/isRouteEnabled.guard';
 import {Schema2jsonldModule} from '../../sharedComponents/schema2jsonld/schema2jsonld.module';
-import {SEOServiceModule } from '../../sharedComponents/SEO/SEOService.module';
+import {SEOServiceModule} from '../../sharedComponents/SEO/SEOService.module';
 import {FeedbackModule} from "../feedback/feedback.module";
 import {AltMetricsModule} from "../../utils/altmetrics.module";
 import {TabsModule} from "../../utils/tabs/tabs.module";
-import {ModalSelectModule} from "../../utils/modal-select/modal-select.module";
 import {SearchTabModule} from "../../utils/tabs/contents/search-tab.module";
 
 @NgModule({
@@ -39,7 +38,7 @@ import {SearchTabModule} from "../../utils/tabs/contents/search-tab.module";
     SearchResearchResultsServiceModule, ProjectServiceModule,
     Schema2jsonldModule, SEOServiceModule, HelperModule,
     LandingHeaderModule, MatSelectModule, FeedbackModule, AltMetricsModule,
-    TabsModule, ModalSelectModule, SearchTabModule
+    TabsModule, SearchTabModule
   ],
   declarations: [
     ProjectComponent
diff --git a/utils/modal-select/modal-select.directive.ts b/utils/modal-select/modal-select.directive.ts
deleted file mode 100644
index 4db5b52b..00000000
--- a/utils/modal-select/modal-select.directive.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import {Directive, Input, OnInit} from "@angular/core";
-import {MatSelect} from "@angular/material/select";
-
-@Directive({
-  selector: '[modal-select]'
-})
-export class ModalSelectDirective implements OnInit{
-  
-  @Input() matSelect: MatSelect;
-  
-  ngOnInit() {
-    this.matSelect._openedStream.subscribe( () => {
-      let divElement: HTMLDivElement = <HTMLDivElement>document.getElementsByClassName('cdk-overlay-container')[0];
-      divElement.classList.add('modal-select');
-    });
-  }
-}
diff --git a/utils/modal-select/modal-select.module.ts b/utils/modal-select/modal-select.module.ts
deleted file mode 100644
index 6620f0d5..00000000
--- a/utils/modal-select/modal-select.module.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {ModalSelectDirective} from "./modal-select.directive";
-
-@NgModule({
-  imports: [CommonModule],
-  declarations: [ModalSelectDirective],
-  exports: [ModalSelectDirective]
-})
-export class ModalSelectModule {}