This is what you need
#linked_list.input-link{
width: 400px !important;
}
where your input is
<input id="linked_list" type="list"...
Here's some more useful ways of changing linked list input types - this shows a tab style selection
<row depends="$AlwaysHideCSS$">
<panel>
<html>
<style>
#linked_list.input-link{
width: 400px !important;
}
#linked_list label{
display:none !important;
}
#linked_list.input-link div[data-component="splunk-core:/splunkjs/mvc/components/LinkList"]{
display: -webkit-box !important;
}
#linked_list.input-link button{
min-width: 100px !important;
max-width: 130px !important;
border-top-color: #E1E6EB;
border-top-style: solid;
border-top-width: 1px;
border-right-color: #E1E6EB;
border-right-style: solid;
border-right-width: 1px;
border-left-color: #E1E6EB;
border-left-style: solid;
border-left-width: 1px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#linked_list .splunk-choice-input-message{
display: none !important;
}
#linked_list.input-link button[role="radio"][aria-checked="true"]{
background-color: #62B5E5 !important;
color: #000 !important;
}
#linked_list.input-link button[role="radio"][aria-checked="false"]{
background-color: #005587 !important;
color: #fff !important;
}
</style>
</html>
</panel>
</row>
Hope this is usefulk
