diff --git a/css/system.css b/css/system.css
index 9a0f06a..2002805 100644
--- a/css/system.css
+++ b/css/system.css
@@ -11,5 +11,5 @@
 {
     border: 1px solid black;
     border-radius: 10px;
-    background-color: rgba(0, 0, 0, 0.822);
+    background-color: rgba(11, 1, 37, 0.842);
 }
\ No newline at end of file
diff --git a/js/controllers/system.js b/js/controllers/system.js
index 590353e..c9fb6ac 100644
--- a/js/controllers/system.js
+++ b/js/controllers/system.js
@@ -46,7 +46,7 @@ export default function system(temp_engine, sys_name) {
     temp_engine.after_render(() => {
             $("body").css("background-image", "url('/assets/planets/backgroundcanvas.png')")
             let canvas = new CanvasRenderer("sys-canvas", 1200, 700);
-            canvas.resize((window.innerWidth/10)*9, (window.innerHeight/5)*4);
+            canvas.resize((window.innerWidth/13)*12, (window.innerHeight/13)*12);
             SystemBuilder.get(sys_name, (system) => {
                 system.list_all_planets((planets) => {
                     canvas.clean();