diff --git a/Dashboard.js b/Dashboard.js
index 33d310818..81b0c2e59 100644
--- a/Dashboard.js
+++ b/Dashboard.js
@@ -16,6 +16,21 @@ UI_FONT = {
     SECONDARY: "Courier New"
 };
 
+/* User Interface Panels */
+
+UI_PANEL = {
+    WIDTH: {
+        SMALL: 200,
+        NORMAL: 250,
+        LARGE: 350
+    },
+    HEIGHT: {
+        SMALL: 65,
+        NORMAL: 300,
+        LARGE: 450
+    }
+};
+
 /* Callbacks default responses. */
 
 let GLOBAL = {};
diff --git a/Panels/ProductsPanel.js b/Panels/ProductsPanel.js
index 524b0e8be..336ba8b85 100644
--- a/Panels/ProductsPanel.js
+++ b/Panels/ProductsPanel.js
@@ -31,12 +31,12 @@
 
     function initialize() {
 
-        thisObject.container.frame.width = 350;
-        thisObject.container.frame.height = viewPort.visibleArea.bottomRight.y - viewPort.visibleArea.topLeft.y;
+        thisObject.container.frame.width = UI_PANEL.WIDTH.LARGE;
+        thisObject.container.frame.height = UI_PANEL.HEIGHT.LARGE;
 
         var position = {
             x: viewPort.visibleArea.topLeft.x,
-            y: viewPort.visibleArea.topLeft.y
+            y: viewPort.visibleArea.bottomLeft.y - thisObject.container.frame.height
         };
 
         thisObject.container.frame.position = position;
diff --git a/Panels/TimeControlPanel.js b/Panels/TimeControlPanel.js
index 108400f13..22b4302d1 100644
--- a/Panels/TimeControlPanel.js
+++ b/Panels/TimeControlPanel.js
@@ -23,8 +23,8 @@ function newTimeControlPanel() {
 
     function initialize() {
 
-        thisObject.container.frame.width = 200;
-        thisObject.container.frame.height = 65;
+        thisObject.container.frame.width = UI_PANEL.WIDTH.SMALL;
+        thisObject.container.frame.height = UI_PANEL.HEIGHT.SMALL;
 
         let position = {
             x: (viewPort.visibleArea.topRight.x - viewPort.visibleArea.topLeft.x) / 2 - thisObject.container.frame.width / 2,