diff --git a/striker-ui/components/AllocationBar.tsx b/striker-ui/components/AllocationBar.tsx
new file mode 100644
index 00000000..15871a30
--- /dev/null
+++ b/striker-ui/components/AllocationBar.tsx
@@ -0,0 +1,28 @@
+import { withStyles } from '@material-ui/core/styles';
+import { LinearProgress } from '@material-ui/core';
+import { PURPLE_OFF, RED_ON } from '../lib/consts/DEFAULT_THEME';
+
+const BorderLinearProgress = withStyles({
+  root: {
+    height: 10,
+    borderRadius: 5,
+  },
+  colorPrimary: {
+    backgroundColor: PURPLE_OFF,
+  },
+  bar: {
+    borderRadius: 5,
+    backgroundColor: RED_ON,
+  },
+})(LinearProgress);
+
+const AllocationBar = ({ allocated }: { allocated: number }): JSX.Element => {
+  return (
+    <>
+      <BorderLinearProgress variant="determinate" value={allocated} />
+      <LinearProgress variant="determinate" value={0} />
+    </>
+  );
+};
+
+export default AllocationBar;
diff --git a/striker-ui/components/CPU.tsx b/striker-ui/components/CPU.tsx
index cfb04936..2be7fabb 100644
--- a/striker-ui/components/CPU.tsx
+++ b/striker-ui/components/CPU.tsx
@@ -1,22 +1,7 @@
-import { withStyles } from '@material-ui/core/styles';
-import { Grid, LinearProgress } from '@material-ui/core';
+import { Grid } from '@material-ui/core';
 import Panel from './Panel';
+import AllocationBar from './AllocationBar';
 import { HeaderText, BodyText } from './Text';
-import { PURPLE_OFF, RED_ON } from '../lib/consts/DEFAULT_THEME';
-
-const BorderLinearProgress = withStyles({
-  root: {
-    height: 10,
-    borderRadius: 5,
-  },
-  colorPrimary: {
-    backgroundColor: PURPLE_OFF,
-  },
-  bar: {
-    borderRadius: 5,
-    backgroundColor: RED_ON,
-  },
-})(LinearProgress);
 
 const CPU = (): JSX.Element => {
   return (
@@ -32,8 +17,13 @@ const CPU = (): JSX.Element => {
           <BodyText text="Free: 6" />
         </Grid>
         <Grid item xs={10}>
-          <BorderLinearProgress variant="determinate" value={50} />
-          <LinearProgress variant="determinate" value={0} />
+          <AllocationBar allocated={50} />
+        </Grid>
+        <Grid item xs={5}>
+          <BodyText text="Total Cores: 9" />
+        </Grid>
+        <Grid item xs={12}>
+          <BodyText text="Threads: 16" />
         </Grid>
       </Grid>
     </Panel>
diff --git a/striker-ui/components/Memory.tsx b/striker-ui/components/Memory.tsx
index b1c291b0..07661ea1 100644
--- a/striker-ui/components/Memory.tsx
+++ b/striker-ui/components/Memory.tsx
@@ -1,22 +1,7 @@
-import { withStyles } from '@material-ui/core/styles';
-import { Grid, LinearProgress } from '@material-ui/core';
+import { Grid } from '@material-ui/core';
 import Panel from './Panel';
+import AllocationBar from './AllocationBar';
 import { HeaderText, BodyText } from './Text';
-import { PURPLE_OFF, RED_ON } from '../lib/consts/DEFAULT_THEME';
-
-const BorderLinearProgress = withStyles({
-  root: {
-    height: 10,
-    borderRadius: 5,
-  },
-  colorPrimary: {
-    backgroundColor: PURPLE_OFF,
-  },
-  bar: {
-    borderRadius: 5,
-    backgroundColor: RED_ON,
-  },
-})(LinearProgress);
 
 const Memory = (): JSX.Element => {
   return (
@@ -26,14 +11,16 @@ const Memory = (): JSX.Element => {
           <HeaderText text="Memory" />
         </Grid>
         <Grid item xs={3}>
-          <BodyText text="Allocated: 14GB" />
+          <BodyText text="Allocated: 14GiB" />
         </Grid>
         <Grid item xs={3}>
-          <BodyText text="Free: 50GB" />
+          <BodyText text="Free: 50GiB" />
         </Grid>
         <Grid item xs={10}>
-          <BorderLinearProgress variant="determinate" value={50} />
-          <LinearProgress variant="determinate" value={0} />
+          <AllocationBar allocated={30} />
+        </Grid>
+        <Grid item xs={6}>
+          <BodyText text="Total Memory: 64GiB" />
         </Grid>
       </Grid>
     </Panel>