diff --git a/src/webui/src/components/PackageSidebar/index.jsx b/src/webui/src/components/PackageSidebar/index.jsx
index f3149878a..29d58b33a 100644
--- a/src/webui/src/components/PackageSidebar/index.jsx
+++ b/src/webui/src/components/PackageSidebar/index.jsx
@@ -47,13 +47,13 @@ export default class PackageSidebar extends React.Component {
   render() {
     let {packageMeta} = this.state;
 
-    return (
-      <aside>
+    return packageMeta ?
+      (<aside>
         <LastSync packageMeta={packageMeta} />
         <Maintainers packageMeta={packageMeta} />
         <Dependencies packageMeta={packageMeta} />
         {/* Package management module? Help us implement it! */}
-      </aside>
-    );
+      </aside>):
+      (<aside>Loading package information...</aside>);
   }
 }
diff --git a/src/webui/src/components/PackageSidebar/modules/LastSync/index.jsx b/src/webui/src/components/PackageSidebar/modules/LastSync/index.jsx
index ddfa8d934..d5cab3501 100644
--- a/src/webui/src/components/PackageSidebar/modules/LastSync/index.jsx
+++ b/src/webui/src/components/PackageSidebar/modules/LastSync/index.jsx
@@ -6,12 +6,10 @@ import classes from './style.scss';
 
 export default class LastSync extends React.Component {
   static propTypes = {
-    packageMeta: PropTypes.object
+    packageMeta: PropTypes.object.isRequired
   };
 
   get lastUpdate() {
-    if (!this.props.packageMeta) return 'Loading...';
-
     let lastUpdate = 0;
     Object.keys(this.props.packageMeta._uplinks).forEach((upLinkName) => {
       const status = this.props.packageMeta._uplinks[upLinkName];
@@ -25,8 +23,6 @@ export default class LastSync extends React.Component {
   }
 
   get recentReleases() {
-    if (!this.props.packageMeta) return [];
-
     let recentReleases = Object.keys(this.props.packageMeta.time).map((version) => {
       return {
         version,