diff --git a/src/canvas/model-settings.css b/src/canvas/model-settings.css
index bd91a60d..a561025f 100644
--- a/src/canvas/model-settings.css
+++ b/src/canvas/model-settings.css
@@ -196,6 +196,7 @@
 }
 .cw-model-connection > label,
 .cw-model-connection-grid > label {
+  min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -205,7 +206,7 @@
 }
 .cw-model-connection-grid {
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
   gap: 14px;
 }
 .cw-model-connection :is(input, select) {
@@ -214,6 +215,21 @@
   box-sizing: border-box;
   min-height: var(--settings-control-height);
 }
+.cw-settings-dialog .cw-model-connection select {
+  appearance: none;
+  padding-right: 34px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 10px center;
+}
+.cw-settings-dialog .cw-model-connection :is(input:not([type="checkbox"]), select):focus-visible {
+  outline: none;
+  border-color: var(--cw-control-accent);
+  box-shadow: 0 0 0 1px var(--cw-control-accent);
+}
 .cw-model-key-heading {
   display: flex;
   align-items: center;