diff --git a/light9/web/light9-color-picker.html b/light9/web/light9-color-picker.html
--- a/light9/web/light9-color-picker.html
+++ b/light9/web/light9-color-picker.html
@@ -72,14 +72,14 @@
      
      #swatch {
          display: inline-block;
-         width: 150px; 
+         width: 50px; 
          height: 30px;
          margin-right: 3px;
          border: 1px solid #333;
      }
      
      paper-slider {
-         width: 170px;
+         width: 160px;
      }
      
      #vee {
diff --git a/light9/web/live/elements.html b/light9/web/live/elements.html
--- a/light9/web/live/elements.html
+++ b/light9/web/live/elements.html
@@ -155,7 +155,7 @@
          padding: 1px;
          background: #171717;  /* deviceClass gradient added later */
          break-inside: avoid-column;
-         width: 445px;
+         width: 335px;
          
      }
      .deviceAttr {
@@ -172,6 +172,8 @@
      h2 {
          font-size: 110%;
          padding: 4px;
+         margin-top: 0;
+         margin-bottom: 0;
      }
      .device, h2 {
          border-top-right-radius: 15px;