diff --git a/governance/ui/index.html b/governance/ui/index.html
index 797aeab42..0e7554e87 100644
--- a/governance/ui/index.html
+++ b/governance/ui/index.html
@@ -4,7 +4,7 @@
-
+
Synthetix V3 Governance
diff --git a/governance/ui/src/components/Layout/Layout.tsx b/governance/ui/src/components/Layout/Layout.tsx
index e21f64ce3..7b528eeaa 100644
--- a/governance/ui/src/components/Layout/Layout.tsx
+++ b/governance/ui/src/components/Layout/Layout.tsx
@@ -2,27 +2,10 @@ import { Flex } from '@chakra-ui/react';
import Footer from '../Footer/Footer';
import { Header } from '../Header';
import { Outlet } from 'react-router-dom';
-import Head from 'react-helmet';
export function Layout() {
return (
<>
-
- {/* open graph */}
-
-
-
-
-
-
-
- {/* twitter */}
-
-
-
-
-
-
diff --git a/governance/ui/src/pages/App.tsx b/governance/ui/src/pages/App.tsx
index 2b62a2312..b482c0520 100644
--- a/governance/ui/src/pages/App.tsx
+++ b/governance/ui/src/pages/App.tsx
@@ -1,27 +1,50 @@
import { Container, Flex, Heading, Text } from '@chakra-ui/react';
import councils from '../utils/councils';
import { CouncilCard } from '../components/CouncilCard';
+import Head from 'react-helmet';
function App() {
return (
-
-
-
-
- Governing Councils
-
-
- The Synthetix Protocol is governed by three councils, each responsible for a core aspect
- of a DAO.
-
-
-
- {councils.map((council) => (
-
- ))}
-
-
-
+ <>
+
+ {/* open graph */}
+
+
+
+
+
+
+
+ {/* twitter */}
+
+
+
+
+
+
+
+
+
+
+ Governing Councils
+
+
+ The Synthetix Protocol is governed by three councils, each responsible for a core
+ aspect of a DAO.
+
+
+
+ {councils.map((council) => (
+
+ ))}
+
+
+
+ >
);
}