diff --git a/src/kiri/ui.js b/src/kiri/ui.js
index b8f45cf2..03e74886 100644
--- a/src/kiri/ui.js
+++ b/src/kiri/ui.js
@@ -427,6 +427,7 @@ gapp.register("kiri.ui", [], (root, exports) => {
                     cols = Math.max(cols, row.length);
                 });
                 txt.setAttribute("cols", Math.max(30, cols + 1));
+                txt.setAttribute("rows", 6);
 
                 let showing = btn === lastBtn;
                 hidePop();
diff --git a/web/kiri/index.css b/web/kiri/index.css
index 56b18699..aa091181 100644
--- a/web/kiri/index.css
+++ b/web/kiri/index.css
@@ -1257,8 +1257,10 @@ th, tr, td, label {
     aspect-ratio: 1 / 1 !important;
 }
 #mod-setup {
-    height: 550px;
-    width: 725px;
+    min-height: 550px;
+    max-height: 60%;
+    min-width: 725px;
+    max-width: 70%;
     padding-bottom: 5px;
 }
 #mod-setup .header {
@@ -1669,9 +1671,9 @@ th, tr, td, label {
 #devices {
     width: 225px;
 }
-#device1, #device2, #palette3 {
+/* #device1, #device2, #palette3 {
     width: 225px;
-}
+} */
 #palette3 {
     display: none;
 }
@@ -2058,8 +2060,9 @@ th, tr, td, label {
 }
 .var-row .dim {
     text-align: right;
-    padding-right: 3px;
     font-size: smaller;
+    align-self: center;
+    justify-self: center;
 }
 .var-row input {
     margin-right: 0;
diff --git a/web/kiri/index.html b/web/kiri/index.html
index e307b356..328956da 100644
--- a/web/kiri/index.html
+++ b/web/kiri/index.html
@@ -376,19 +376,19 @@
                         <input id="dev-filter">
                     </div>
                 </div>
-                <div class="f-col mh0 mh35 j-center a-stretch">
+                <div class="f-col mh0 j-center a-stretch">
                     <div id="device-list" class="devlist f-col overy"></div>
                 </div>
                 <label class="header sub" lk="dm_mydd">my devices</label>
-                <div class="f-col grow">
+                <div class="f-col">
                     <div id="device-my" class="devlist f-col grow overy"></div>
-                    <div class="f-row footer">
-                        <div class="grow"></div>
-                        <button id="device-add" lk="copy">copy</button>
-                        <button id="device-del" lk="delete">delete</button>
-                        <button id="device-exp" lk="export">export</button>
-                        <div class="grow"></div>
-                    </div>
+                </div>
+                <div class="f-row footer">
+                    <div class="grow"></div>
+                    <button id="device-add" lk="copy">copy</button>
+                    <button id="device-del" lk="delete">delete</button>
+                    <button id="device-exp" lk="export">export</button>
+                    <div class="grow"></div>
                 </div>
             </div>
             <div class="f-col grow a-stretch">