diff --git a/Packages/viewerbase/components/basic/removableBackdrop/removableBackdrop.html b/Packages/viewerbase/components/basic/removableBackdrop/removableBackdrop.html
new file mode 100644
index 000000000..4a02a21f0
--- /dev/null
+++ b/Packages/viewerbase/components/basic/removableBackdrop/removableBackdrop.html
@@ -0,0 +1,7 @@
+<template name="removableBackdrop">
+    <div class="removableBackdrop noselect"
+        oncontextmenu='return false;'
+        unselectable='on'
+        onselectstart='return false;'>
+    </div>
+</template>
diff --git a/Packages/viewerbase/components/basic/removableBackdrop/removableBackdrop.styl b/Packages/viewerbase/components/basic/removableBackdrop/removableBackdrop.styl
new file mode 100644
index 000000000..06a5d3a7b
--- /dev/null
+++ b/Packages/viewerbase/components/basic/removableBackdrop/removableBackdrop.styl
@@ -0,0 +1,9 @@
+.removableBackdrop
+  position: fixed
+  top: 0
+  right: 0
+  bottom: 0
+  left: 0
+  z-index: 50
+  background-color: transparent
+  
\ No newline at end of file
diff --git a/Packages/viewerbase/package.js b/Packages/viewerbase/package.js
index f2fa2376d..dec457990 100644
--- a/Packages/viewerbase/package.js
+++ b/Packages/viewerbase/package.js
@@ -32,6 +32,9 @@ Package.onUse(function (api) {
     api.addFiles('components/basic/loadingText/loadingText.html', 'client');
     api.addFiles('components/basic/loadingText/loadingText.styl', 'client');
 
+    api.addFiles('components/basic/removableBackdrop/removableBackdrop.html', 'client');
+    api.addFiles('components/basic/removableBackdrop/removableBackdrop.styl', 'client');
+
     api.addFiles('components/basic/hidingPanel/hidingPanel.html', 'client');
     api.addFiles('components/basic/hidingPanel/hidingPanel.js', 'client');
     api.addFiles('components/basic/hidingPanel/hidingPanel.styl', 'client');