diff --git a/GUI/front-end/src/components/displays/extension/ExtensionDisplay.tsx b/GUI/front-end/src/components/displays/extension/ExtensionDisplay.tsx
index b0520b7..2801598 100644
--- a/GUI/front-end/src/components/displays/extension/ExtensionDisplay.tsx
+++ b/GUI/front-end/src/components/displays/extension/ExtensionDisplay.tsx
@@ -1,8 +1,8 @@
 import { Box, Typography, useTheme } from '@mui/material';
 import { useState } from 'react';
 import { useLanguageContext } from '../../../contexts';
-// import FunctionalityInstance from './FunctionalityInstance';
-// import HistoryInstance from './HistoryInstance';
+import FunctionalityInstance from './FunctionalityInstance';
+import HistoryInstance from './HistoryInstance';
 
 interface Props {}
 
@@ -50,7 +50,7 @@ export const ExtensionDisplay: React.FC<Props> = () => {
 					</Typography>
 				</Box>
 			</Box>
-			{/* <Box
+			<Box
 				display={'flex'}
 				flexDirection={'column'}
 				height={'calc(100% - 80px)'}
@@ -58,7 +58,7 @@ export const ExtensionDisplay: React.FC<Props> = () => {
 				sx={{ backgroundColor: Theme.palette.background.paper }}
 			>
 				{selectedTab === 'Functionality' ? <FunctionalityInstance /> : <HistoryInstance />}
-			</Box> */}
+			</Box>
 		</Box>
 	);
 };
diff --git a/GUI/front-end/src/main/app/App.tsx b/GUI/front-end/src/main/app/App.tsx
index beeab4f..f35a25c 100644
--- a/GUI/front-end/src/main/app/App.tsx
+++ b/GUI/front-end/src/main/app/App.tsx
@@ -1,22 +1,13 @@
 import React, { useEffect } from 'react';
 import { Box, useTheme } from '@mui/material';
-import { useGetUsers } from '../../hooks';
 import { ExtensionDisplay, ChatDisplay } from '../../components/displays';
 import BaseLayout from '../layout/BaseLayout';
 import HeaderLayout from '../layout/HeaderLayout';
 import '../../css/app/App.css';
 
 function App() {
-	/// THESE LINES ARE ONLY FOR EXAMPLE PURPOSES ///
-
-	const { data } = useGetUsers();
-	useEffect(() => {
-		console.log(data);
-	}, [data]);
-
-	/////////////////////////////////////////////////
 	
-	const [isDrawerOpen, setIsDrawerOpen] = React.useState(false);
+	const [isDrawerOpen, setIsDrawerOpen] = React.useState(true);
 	const Theme = useTheme();
 
 	useEffect(() => {
@@ -60,8 +51,7 @@ function App() {
 					}}
 				>
 					{/* Up - header */}
-					{/* TODO: set to isDrawerOpen */}
-					<HeaderLayout open={false} onClick={() => setIsDrawerOpen(!isDrawerOpen)} />
+					<HeaderLayout open={isDrawerOpen} onClick={() => setIsDrawerOpen(!isDrawerOpen)} />
 
 					{/* Chat display */}
 					<Box