Change .c-select to .custom-select

2 files changed, 4 insertions, 4 deletions

diff --git a/docs/components/forms.md b/docs/components/forms.md
index 2e7f5e462..e93e28bd6 100644
--- a/docs/components/forms.md
+++ b/docs/components/forms.md
@@ -694,10 +694,10 @@ Custom checkboxes and radios are inline to start. Add a parent with class `.cust
 
 ### Select menu
 
-Custom `<select>` menus need only a custom class, `.c-select` to trigger the custom styles.
+Custom `<select>` menus need only a custom class, `.custom-select` to trigger the custom styles.
 
 {% example html %}
-<select class="c-select">
+<select class="custom-select">
   <option selected>Open this select menu</option>
   <option value="1">One</option>
   <option value="2">Two</option>
diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index a9abd04e6..9c18c5c7f 100644
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -140,7 +140,7 @@
 //
 // Includes IE9-specific hacks (noted by ` \9`).
 
-.c-select {
+.custom-select {
   display: inline-block;
   max-width: 100%;
   padding: .375rem 1.75rem .375rem .75rem;
@@ -167,7 +167,7 @@
   }
 }
 
-.c-select-sm {
+.custom-select-sm {
   padding-top: 3px;
   padding-bottom: 3px;
   font-size: 12px;