diff --git a/app/soapbox/pages/admin_page.js b/app/soapbox/pages/admin_page.js
deleted file mode 100644
index 0b9362ca95..0000000000
Binary files a/app/soapbox/pages/admin_page.js and /dev/null differ
diff --git a/app/soapbox/pages/admin_page.tsx b/app/soapbox/pages/admin_page.tsx
new file mode 100644
index 0000000000..5d4d3c879b
--- /dev/null
+++ b/app/soapbox/pages/admin_page.tsx
@@ -0,0 +1,45 @@
+import React from 'react';
+
+import BundleContainer from 'soapbox/features/ui/containers/bundle_container';
+import {
+  AdminNav,
+  LatestAccountsPanel,
+} from 'soapbox/features/ui/util/async-components';
+
+import LinkFooter from '../features/ui/components/link_footer';
+
+const AdminPage: React.FC = ({ children }) => {
+  return (
+    <div className='page page--admin'>
+      <div className='page__columns'>
+        <div className='columns-area__panels'>
+
+          <div className='columns-area__panels__pane columns-area__panels__pane--left'>
+            <div className='columns-area__panels__pane__inner'>
+              <BundleContainer fetchComponent={AdminNav}>
+                {Component => <Component />}
+              </BundleContainer>
+            </div>
+          </div>
+
+          <div className='columns-area__panels__main'>
+            <div className='columns-area'>
+              {children}
+            </div>
+          </div>
+
+          <div className='columns-area__panels__pane columns-area__panels__pane--right'>
+            <div className='columns-area__panels__pane__inner'>
+              <BundleContainer fetchComponent={LatestAccountsPanel}>
+                {Component => <Component limit={5} />}
+              </BundleContainer>
+              <LinkFooter />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default AdminPage;