diff --git a/rhodecode/public/js/src/components/index.js b/rhodecode/public/js/src/components/index.js
index 9dd0d217..92d573e3 100644
--- a/rhodecode/public/js/src/components/index.js
+++ b/rhodecode/public/js/src/components/index.js
@@ -1,4 +1,5 @@
 import 'regenerator-runtime/runtime.js';
+import './shared-styles.js';
 import './channelstream-connection/channelstream-connection.js';
 import './rhodecode-toast/rhodecode-toast.js';
 import './rhodecode-unsafe-html/rhodecode-unsafe-html.js';
diff --git a/rhodecode/public/js/src/components/shared-styles.js b/rhodecode/public/js/src/components/shared-styles.js
new file mode 100644
index 00000000..c310bf17
--- /dev/null
+++ b/rhodecode/public/js/src/components/shared-styles.js
@@ -0,0 +1,14 @@
+const styleElement = document.createElement('dom-module');
+// this is a workaround to make shared styles work for Lit components.
+// Needs proper refactoring to make sure styling follows Lit patterns
+import sharedCSS from './style-lit.css';
+
+styleElement.setAttribute('id', 'shared-styles');
+styleElement.innerHTML =
+    `<template>
+   <style>
+   ${sharedCSS}
+</style>
+ </template>`;
+
+document.head.appendChild(styleElement);