diff --git a/client/main.jsx b/client/main.jsx
index d0a31b8..c719b8a 100644
--- a/client/main.jsx
+++ b/client/main.jsx
@@ -25,5 +25,5 @@ Meteor.startup(() => {
 
   Meteor.setTimeout(function() {
     ReactDOM.render(<App />, document.getElementById('root'));
-  }, 1000);
+  }, 1250);
 });
\ No newline at end of file
diff --git a/imports/ui/AddPlant.jsx b/imports/ui/AddPlant.jsx
index 0121cc4..af800e3 100644
--- a/imports/ui/AddPlant.jsx
+++ b/imports/ui/AddPlant.jsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { Button, Form, Container, Row, Col, Table } from 'react-bootstrap';
+import { Button, Form } from 'react-bootstrap';
 
 class AddPlant extends React.Component{
 
@@ -69,5 +69,4 @@ class AddPlant extends React.Component{
     }
 }
 
-export default AddPlant;
-
+export default AddPlant;
\ No newline at end of file
diff --git a/imports/ui/Home.jsx b/imports/ui/Home.jsx
index e2715cc..1399c17 100644
--- a/imports/ui/Home.jsx
+++ b/imports/ui/Home.jsx
@@ -20,7 +20,7 @@ export default function Home() {
                         <LineChart data={sensorData} margin={{ top: 60, right: 60, bottom: 30, left: 5 }}>
                             <Line type="monotone" dataKey="temperature" stroke="#10b5de" />
                             <CartesianGrid stroke="#ccc" strokeDasharray="5 5"/>
-                            <XAxis dataKey="timestamp" />
+                            <XAxis dataKey="timestampToString" />
                             <YAxis />
                             <Tooltip />
                             <Legend />
@@ -32,7 +32,7 @@ export default function Home() {
                         <LineChart data={sensorData} margin={{ top: 60, right: 60, bottom: 30, left: 5 }}>
                             <Line type="monotone" dataKey="humidity" stroke="#ff6f00" />
                             <CartesianGrid stroke="#ccc" strokeDasharray="5 5"/>
-                            <XAxis dataKey="timestamp" />
+                            <XAxis dataKey="timestampToString" />
                             <YAxis />
                             <Tooltip />
                             <Legend />
@@ -46,7 +46,7 @@ export default function Home() {
                         <LineChart data={sensorData} margin={{ top: 60, right: 60, bottom: 30, left: 5 }}>
                             <Line type="monotone" dataKey="brightness" stroke="#ffd500" />
                             <CartesianGrid stroke="#ccc" strokeDasharray="5 5"/>
-                            <XAxis dataKey="timestamp" />
+                            <XAxis dataKey="timestampToString" />
                             <YAxis />
                             <Tooltip />
                             <Legend />
@@ -58,7 +58,7 @@ export default function Home() {
                         <LineChart data={sensorData} margin={{ top: 60, right: 60, bottom: 30, left: 5 }}>
                             <Line type="monotone" dataKey="moisture" stroke="#1c4399" />
                             <CartesianGrid stroke="#ccc" strokeDasharray="5 5"/>
-                            <XAxis dataKey="timestamp" />
+                            <XAxis dataKey="timestampToString" />
                             <YAxis />
                             <Tooltip />
                             <Legend />
diff --git a/mongo-mqtt.js b/mongo-mqtt.js
index b1a6d8f..66fee96 100644
--- a/mongo-mqtt.js
+++ b/mongo-mqtt.js
@@ -28,10 +28,22 @@ function messageCallback(collection) {
     const id = topicElements.pop();
 
     var date = new Date;
+    var time;
+
+    if (date.getHours() <= 9) {time = "0" + date.getHours();} else {
+      time = date.getHours();
+    }
+    if (date.getMinutes() <= 9) {time = time + ":0" + date.getMinutes();} else {
+      time = time + ":" + date.getMinutes();
+    }
+    if (date.getSeconds() <= 9) {time = time + ":0" + date.getSeconds();} else {
+      time = time + ":" + date.getSeconds();
+    }
 
     let doc = {
       device_id: id,
       timestamp: date,
+      timestampToString: time,
     }
     try {
       doc = _.merge(doc, JSON.parse(message));