diff --git a/docs/lib/sage_rails/app/views/sage_components/_sage_form_select.html.erb b/docs/lib/sage_rails/app/views/sage_components/_sage_form_select.html.erb
index b8c5652a7e..4891cd8a8d 100644
--- a/docs/lib/sage_rails/app/views/sage_components/_sage_form_select.html.erb
+++ b/docs/lib/sage_rails/app/views/sage_components/_sage_form_select.html.erb
@@ -1,8 +1,7 @@
 <%
   # Temporary variables here until refactor for 'name' is complete; see https://kajabi.atlassian.net/browse/SAGE-214
   label = component.label || component.name;
-  select_id = component.id.downcase.dasherize if component.id;
-  select_name = label.downcase.dasherize;
+  select_id = component.id ? component.id.downcase : label.downcase.dasherize;
 %>
 
 <div class="
@@ -48,7 +47,7 @@
       <% end %>
     <% end %>
   </select>
-  <label class="sage-select__label" for="<%= select_name %>"><%= label %></label>
+  <label class="sage-select__label" for="<%= select_id %>"><%= label %></label>
   <i class="sage-select__arrow" aria-hidden="true"></i>
   <% if component.message.present? %>
     <div class="sage-select__info">