JSFiddle - React, Tailwind, and code Playground

by David Underwood

HTML

<label class="label_outer">Requested Action</label>
<select name="actionList" id="actionList" data-required="Y">
    <option value="Select Any">Select Any</option>
    <optgroup label="Existing User">
        <option value="Existing User" title="Used to request account changes, hardware/software changes, and more for existing users.">Existing User - All Changes</option>
    </optgroup>
    <optgroup label="New User with New Hardware Needs">
        <option value="NUH" title="First SARF request used for a new hire. Used to request hardware and/or software for a new associate. ">New User - Request Hardware/Software [1st SARF]</option>
        <option value="NUA" title="Second SARF request for a new hire needing hardware. Used to request a user account and applications/systems for a new associate. Does not include hardware or software.">New User - Request Access [2nd SARF]</option>     
    </optgroup> 
    <optgroup label="New User with No Hardware or Using Existing Hardware">
        <option value="NUNH" title="Used when no hardware and only access is needed. Only one SARF will be initiated in this case. Use this option if a hardware is being reassigned (not purchased) or equipment is shared that the new hire can use.">New User - No Hardware or Reuse Hardware</option>
    </optgroup>
    <optgroup label="User Status Change">
        <option value="TBD" title="Used to convert a contingent (temporary) worker to regular status and is applicable for hourly and salaried positions.">Convert Contingent (Temporary) Worker to Regular Employee Status</option>
        <option value="T" title="Once employment ends, the manager is required to terminate all access – including any type of system access as well as access to financial tools such as travel, expense and purchasing cards).">Terminate User</option>
    </optgroup>
    <optgroup label="New User, Other">
        <option value="N" title="New user for Mexico">New User - Mexico Only</option>
        <option value="NCWNH"...

CSS

.label_outer {
  font-family: arial;
  font-size: 13px;
  padding-right:10px;
}