title: ASP drop down select showing up weird
body: <p>I've been trying to create a drop down list with asp tag helpers and for some reason they always look strange. I'll include my code for Controller, View, and view model. Also the picture of how it looks.
  Controller:</p>
  <pre><code>public async Task&lt;IActionResult&gt; Create()
  {
      var dalias = await _context.DeptAliases
          .Select(m =&gt; new SelectListItem { Text = m.Alias, Value = m.DeptAliasPkey.ToString() }).Distinct()
          .ToListAsync();
  
          var vm = new CopyCenterCreateViewModel()
          {
              DAlias = dalias, 
          };
          return View(vm);
  }
  </code></pre>
  <p>View:</p>
  <pre><code>@model PrintShop.ViewModels.CopyCenterCreateViewModel
  &lt;form  asp-action=&quot;Create&quot;&gt;
      &lt;div asp-validation-summary=&quot;ModelOnly&quot; class=&quot;text-danger&quot;&gt;&lt;/div&gt;
      &lt;label asp-for=&quot;DAlias&quot; class=&quot;control-label&quot;&gt;&lt;/label&gt;
      &lt;select asp-for=&quot;DAlias&quot; asp-items=&quot;Model.DAlias&quot; class=&quot;form-control&quot;&gt;&lt;/select&gt;
      &lt;span asp-validation-for=&quot;DAlias&quot; class=&quot;text-danger&quot;&gt;&lt;/span&gt;
  &lt;/form&gt;
  </code></pre>
  <p>ViewModel:</p>
  <pre><code>public class CopyCenterCreateViewModel
  {
      public List&lt;SelectListItem&gt; DAlias { get; set; }
  }
  </code></pre>
  <p>Result:
  <a href="https://i.stack.imgur.com/2TS1p.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2TS1p.png" alt="image of dropdown" /></a></p>