diff --git a/style.css b/style.css
index d9f4636cfa7fb438a8787312834ebb01e974f520..f2870e693f97751554cd5d914b562b42d01dfc99 100644
--- a/style.css
+++ b/style.css
@@ -1,8 +1,11 @@
 body {
   background-color: #00204b;
   color: white;
-  width: 600px;
+  min-width: 600px;
+  width: 98%;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  margin: 0;
+  padding: 0;
 }
 
 #editor {
@@ -16,7 +19,7 @@ body {
   grid-template-columns: repeat(3, 1fr);
   grid-column-gap: 10px;
   grid-row-gap: 10px;
-  margin-bottom: 10px;
+  margin: 12px;
 }
 
 .actions button {
@@ -40,10 +43,11 @@ body {
 .midiI:hover,
 .onOff:hover,
 .audioI:hover {
-  background: red;
+  background: #43B181;
+  cursor: pointer;
 }
 .active {
-  border-color: red;
+  border-color: #43B181;
   animation: heartbeat 1.5s ease-in-out infinite both;
 }
 
@@ -147,7 +151,7 @@ details[open] summary:after {
 }
 
 details {
-  margin-bottom: 12px;
+  margin: 12px;
   padding-top: 12px;
   border-top: rgba(255, 255, 255, 0.3) solid 1px;
 }
@@ -163,6 +167,7 @@ details[open] > *:not(summary) {
 }
 summary {
   font-size: 17px;
+  cursor: pointer;
 }
 
 table {