diff --git a/website/src/components/UserFeedback/UserFeedback.stories.jsx b/website/src/components/UserFeedback/UserFeedback.stories.jsx
index 8b8b1aa96b..c96807162f 100644
--- a/website/src/components/UserFeedback/UserFeedback.stories.jsx
+++ b/website/src/components/UserFeedback/UserFeedback.stories.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import Component from './UserFeedback';
+import Component from './index';
 
 export default {
     title: 'User feedback component',
diff --git a/website/src/components/UserFeedback/UserFeedback.jsx b/website/src/components/UserFeedback/index.jsx
similarity index 100%
rename from website/src/components/UserFeedback/UserFeedback.jsx
rename to website/src/components/UserFeedback/index.jsx
diff --git a/website/src/theme/Root.js b/website/src/theme/Root.js
new file mode 100644
index 0000000000..aa2ffad302
--- /dev/null
+++ b/website/src/theme/Root.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import UF from '@site/src/components/UserFeedback';
+
+// Default implementation, that you can customize
+function Root({ children }) {
+    return (
+        <>
+            {children} <UF />
+        </>
+    );
+}
+
+export default Root;