change using overflow

ui/component/commentsList/view.jsx

@@ -398,14 +398,9 @@ const CommentActionButtons = (actionButtonsProps: ActionButtonsProps) => {
             value={commentServer}
           >
             {allServers.map(function (server) {
-              let name = server.name;
-              if (name.length > 10) {
-                name = name.substring(0, 10);
-                name = name + '...';
-              }
               return (
                 <option key={server.url} value={server.url}>
-                  {name}
+                  {server.name}
                 </option>
               );
             })}

ui/scss/component/_card.scss

@@ -662,8 +662,17 @@
 .button_selectedServer {
   display: inline;
   float: right;
-  min-width: var(--input-select-server-min-width);
-  max-width: var(--input-select-server-max-width);
+  select {
+    width: 12rem;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+  @media (max-width: $breakpoint-small) {
+    select {
+      width: 8rem;
+    }
+  }
 }
 
 .button_refresh {