diff --git a/pre-registration-ui/package.json b/pre-registration-ui/package.json
index 87a5462b..0431c0e2 100644
--- a/pre-registration-ui/package.json
+++ b/pre-registration-ui/package.json
@@ -42,10 +42,11 @@
     "ng2-pdf-viewer": "^5.3.3",
     "ngx-mat-select-search": "^1.8.0",
     "ngx-print": "^1.1.4",
-    "ngx7-material-keyboard": "^0.1.2",
+    "@ngx-material-keyboard/core": "^0.1.1",
     "ol": "^5.3.0",
     "osm": "^1.0.0",
     "rxjs": "^6.0.0",
+    "rxjs-compat":"^6.6.7",
     "smoothscroll-polyfill": "^0.4.4",
     "vm": "^0.1.0",
     "zone.js": "~0.8.26"
diff --git a/pre-registration-ui/src/app/feature/demographic/demographic.module.ts b/pre-registration-ui/src/app/feature/demographic/demographic.module.ts
index bd4d6c53..87b1fdc9 100644
--- a/pre-registration-ui/src/app/feature/demographic/demographic.module.ts
+++ b/pre-registration-ui/src/app/feature/demographic/demographic.module.ts
@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule } from '@angular/forms';
-import { MatKeyboardModule } from 'ngx7-material-keyboard';
+import { MatKeyboardModule } from '@ngx-material-keyboard/core';
 
 import { DemographicRoutingModule } from './demographic-routing.module';
 import { SharedModule } from 'src/app/shared/shared.module';
diff --git a/pre-registration-ui/src/app/feature/demographic/demographic/demographic.component.ts b/pre-registration-ui/src/app/feature/demographic/demographic/demographic.component.ts
index 37765acb..6c176855 100644
--- a/pre-registration-ui/src/app/feature/demographic/demographic/demographic.component.ts
+++ b/pre-registration-ui/src/app/feature/demographic/demographic/demographic.component.ts
@@ -31,7 +31,7 @@ import {
   MatKeyboardService,
   MatKeyboardRef,
   MatKeyboardComponent,
-} from "ngx7-material-keyboard";
+} from "@ngx-material-keyboard/core";
 import { LogService } from "src/app/shared/logger/log.service";
 import { FormDeactivateGuardService } from "src/app/shared/can-deactivate-guard/form-guard/form-deactivate-guard.service";
 import { Subscription } from "rxjs";