diff --git a/shared/src/components/popover/popover.component.ts b/shared/src/components/popover/popover.component.ts
index 5487a7c5..59574bbc 100644
--- a/shared/src/components/popover/popover.component.ts
+++ b/shared/src/components/popover/popover.component.ts
@@ -6,6 +6,8 @@ import {
 import { Store } from '@ngrx/store';
 import { Observable } from 'rxjs/Observable';
 
+import { ClientRect } from '../../dom';
+
 import {
     KeyAction,
     KeystrokeAction,
diff --git a/shared/src/components/svg/wrap/svg-keyboard-wrap.component.ts b/shared/src/components/svg/wrap/svg-keyboard-wrap.component.ts
index 2b18fbf3..35005051 100644
--- a/shared/src/components/svg/wrap/svg-keyboard-wrap.component.ts
+++ b/shared/src/components/svg/wrap/svg-keyboard-wrap.component.ts
@@ -17,6 +17,8 @@ import 'rxjs/add/observable/of';
 import 'rxjs/add/operator/map';
 import { Store } from '@ngrx/store';
 
+import { ClientRect } from '../../../dom';
+
 import { MapperService } from '../../../services/mapper.service';
 
 import {
diff --git a/shared/src/dom/client-rect.d.ts b/shared/src/dom/client-rect.d.ts
new file mode 100644
index 00000000..67782939
--- /dev/null
+++ b/shared/src/dom/client-rect.d.ts
@@ -0,0 +1,8 @@
+export declare interface ClientRect {
+    bottom: number;
+    readonly height: number;
+    left: number;
+    right: number;
+    top: number;
+    readonly width: number;
+}
diff --git a/shared/src/dom/index.ts b/shared/src/dom/index.ts
new file mode 100644
index 00000000..7b2f6dec
--- /dev/null
+++ b/shared/src/dom/index.ts
@@ -0,0 +1 @@
+export { ClientRect } from './client-rect';