diff --git a/client/homebrew/pages/accountPage/accountPage.jsx b/client/homebrew/pages/accountPage/accountPage.jsx
index 2154956e9..f4aecae49 100644
--- a/client/homebrew/pages/accountPage/accountPage.jsx
+++ b/client/homebrew/pages/accountPage/accountPage.jsx
@@ -18,7 +18,7 @@ const AccountPage = createClass({
 	getDefaultProps : function() {
 		return {
 			brew    : {},
-			uiItems : []
+			uiItems : {}
 		};
 	},
 	getInitialState : function() {
@@ -39,14 +39,14 @@ const AccountPage = createClass({
 	},
 
 	renderUiItems : function() {
-		// console.log(JSON.stringify(this.props.uiItems));
+		// console.log(this.props.uiItems);
 		return <>
 			<h1>Account Information  <i className='fas fa-user'></i></h1>
 			<p><strong>Username: </strong> {this.props.uiItems.username || 'No user currently logged in'}</p>
-			<p><strong>Last Login: </strong> {this.props.uiItems.issued || '-'}</p>
+			<p><strong>Last Login: </strong> {this.props.uiItems.issued.toString() || '-'}</p>
 			<p></p>
-			<h3>MongoDB Information</h3>
-			<p><strong>Brews on MongoDB: </strong> {this.props.uiItems.mongoCount || '-'}</p>
+			<h3>Homebrewery Information</h3>
+			<p><strong>Brews on Homebrewery: </strong> {this.props.uiItems.mongoCount || '-'}</p>
 			<p></p>
 			<h3>Google Information <i className='fa-brands fa-google-drive'></i></h3>
 			<p><strong>Linked to Google: </strong> {this.props.uiItems.googleId ? 'YES' : 'NO'}</p>
@@ -55,7 +55,7 @@ const AccountPage = createClass({
 	},
 
 	render : function(){
-		return <UIPage brew={this.props.brew} uiItems={this.renderUiItems()} ></UIPage>;
+		return <UIPage brew={this.props.brew} renderUiItems={this.renderUiItems} ></UIPage>;
 	}
 });
 
diff --git a/client/homebrew/pages/basePages/uiPage/uiPage.jsx b/client/homebrew/pages/basePages/uiPage/uiPage.jsx
index 50eafa3c3..3e15ba932 100644
--- a/client/homebrew/pages/basePages/uiPage/uiPage.jsx
+++ b/client/homebrew/pages/basePages/uiPage/uiPage.jsx
@@ -13,13 +13,15 @@ const UIPage = createClass({
 
 	getDefaultProps : function(){
 		return {
-			uiItems : <>
-				<h1>H1 Header</h1>
-				<h2>H2 Header</h2>
-				<h3>H3 Header</h3>
-				<h4>H4 Header</h4>
-				<p>This is some test text.</p>
-			</>
+			renderUiItems : ()=>{
+				return <>
+					<h1>H1 Header</h1>
+					<h2>H2 Header</h2>
+					<h3>H3 Header</h3>
+					<h4>H4 Header</h4>
+					<p>This is some test text.</p>
+				</>;
+			}
 		};
 	},
 
@@ -37,7 +39,7 @@ const UIPage = createClass({
 			</Navbar>
 
 			<div className='content'>
-				{this.props.uiItems}
+				{this.props.renderUiItems()}
 			</div>
 		</div>;
 	}