diff --git a/public/styles.css b/public/styles.css
index 542cf19..cf3d81a 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -507,12 +507,15 @@ button[aria-pressed="false"] {
 
 .device-row {
   display: grid;
-  grid-template-columns: 36px minmax(150px, 240px);
+  grid-template-columns: 36px minmax(0, 180px);
   grid-template-rows: 14px 36px;
   align-items: end;
   column-gap: 8px;
   row-gap: 5px;
+  width: 224px;
   min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
 }
 
 .symbol-button {
@@ -529,6 +532,9 @@ button[aria-pressed="false"] {
 }
 
 .device-row select {
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
   height: 36px;
   font-size: 13px;
 }
@@ -624,6 +630,7 @@ button[aria-pressed="false"] {
 
   .device-row {
     grid-template-columns: 40px minmax(0, 1fr);
+    width: 100%;
   }
 
   .device-row select {