diff --git a/src/elements/content-explorer/Footer.js b/src/elements/content-explorer/Footer.js.flow
similarity index 100%
rename from src/elements/content-explorer/Footer.js
rename to src/elements/content-explorer/Footer.js.flow
diff --git a/src/elements/content-explorer/Footer.scss b/src/elements/content-explorer/Footer.scss
index ee63479c93..1634f3e245 100644
--- a/src/elements/content-explorer/Footer.scss
+++ b/src/elements/content-explorer/Footer.scss
@@ -1,6 +1,6 @@
 @import '../common/variables';
 
-.bce-footer {
+.bce-Footer {
     display: flex;
     flex: 0 0 70px;
     align-items: center;
diff --git a/src/elements/content-explorer/Footer.tsx b/src/elements/content-explorer/Footer.tsx
new file mode 100644
index 0000000000..bff7d3aa57
--- /dev/null
+++ b/src/elements/content-explorer/Footer.tsx
@@ -0,0 +1,10 @@
+import * as React from 'react';
+import './Footer.scss';
+
+export interface FooterProps {
+    children: React.ReactNode;
+}
+
+const Footer = ({ children }: FooterProps) => <footer className="bce-Footer">{children}</footer>;
+
+export default Footer;