diff --git a/apps.json b/apps.json
index f9d1102d6..4c557e847 100644
--- a/apps.json
+++ b/apps.json
@@ -337,9 +337,9 @@
   { "id": "matrixclock",
     "name": "Matrix Clock",
     "icon": "matrixclock.png",
-    "version":"0.01",
+    "version":"0.02",
     "description": "inspired by The Matrix, a clock of the same style",
-    "tags": "clock",
+    "tags": "clock,b2",
     "type":"clock",
     "allow_emulator":true,
      "readme": "README.md",
diff --git a/apps/matrixclock/ChangeLog b/apps/matrixclock/ChangeLog
index d53df991b..7cc9144b1 100644
--- a/apps/matrixclock/ChangeLog
+++ b/apps/matrixclock/ChangeLog
@@ -1 +1,2 @@
-0.01: Initial Release 
+0.01: Initial Release
+0.02: Support for Bangle 2
diff --git a/apps/matrixclock/matrixclock.js b/apps/matrixclock/matrixclock.js
index 0bf33fd68..ab18c13b8 100644
--- a/apps/matrixclock/matrixclock.js
+++ b/apps/matrixclock/matrixclock.js
@@ -12,6 +12,8 @@ const Locale = require('locale');
 const SHARD_COLOR =[0,1.0,0];
 const SHARD_FONT_SIZE = 12;
 const SHARD_Y_START = 30;
+const w = g.getWidth();
+
 /**
 * The text shard object is responsible for creating the 
 * shards of text that move down the screen. As the 
@@ -111,7 +113,7 @@ var dateStr = "";
 var last_draw_time = null;
 
 const TIME_X_COORD = 20;
-const TIME_Y_COORD = 100;
+const TIME_Y_COORD = g.getHeight() / 2;
 const DATE_X_COORD = 170;
 const DATE_Y_COORD = 30;
 const RESET_PROBABILITY = 0.5;
@@ -141,29 +143,26 @@ function draw_clock(){
   }
   var now = new Date();
   // draw time. Have to draw time on every loop
-  g.setFont("Vector",45);
-  g.setFontAlign(-1,-1,0);
+
+  g.setFont("Vector", g.getWidth() / 5);
+  g.setFontAlign(0,-1);
   if(last_draw_time == null || now.getMinutes() != last_draw_time.getMinutes()){
-    g.setColor(0,0,0);
-    g.drawString(timeStr, TIME_X_COORD, TIME_Y_COORD);
+    g.setColor(g.theme.fg);
+    g.drawString(timeStr, w/2, TIME_Y_COORD);
     timeStr = format_time(now);
   }
-  g.setColor(SHARD_COLOR[0],
-                 SHARD_COLOR[1],
-                 SHARD_COLOR[2]);
-  g.drawString(timeStr, TIME_X_COORD, TIME_Y_COORD); 
+  g.setColor(SHARD_COLOR[0], SHARD_COLOR[1], SHARD_COLOR[2]);
+  g.drawString(timeStr, w/2, TIME_Y_COORD); 
   //
   // draw date when it changes
   g.setFont("Vector",15);
-  g.setFontAlign(-1,-1,0);
+  g.setFontAlign(0,-1,0);
   if(last_draw_time == null || now.getDate() != last_draw_time.getDate()){
-    g.setColor(0,0,0);
-    g.drawString(dateStr, DATE_X_COORD, DATE_Y_COORD);
+    g.setColor(g.theme.fg);
+    g.drawString(dateStr, w/2, DATE_Y_COORD);
     dateStr = format_date(now);
-    g.setColor(SHARD_COLOR[0],
-                 SHARD_COLOR[1],
-                 SHARD_COLOR[2]);
-    g.drawString(dateStr, DATE_X_COORD, DATE_Y_COORD); 
+    g.setColor(SHARD_COLOR[0], SHARD_COLOR[1], SHARD_COLOR[2]);
+    g.drawString(dateStr, w/2, DATE_Y_COORD); 
   }
   last_draw_time = now;
 }
@@ -232,10 +231,10 @@ function startTimers(){
 
 Bangle.on('lcdPower', (on) => {
   if (on) {
-    console.log("lcdPower: on");
+    //console.log("lcdPower: on");
     startTimers();
   } else {
-    console.log("lcdPower: off");
+    //console.log("lcdPower: off");
     clearTimers();
   }
 });