diff --git a/packages/select/index.tsx b/packages/select/index.tsx
index 93e7ef367..b226283bf 100644
--- a/packages/select/index.tsx
+++ b/packages/select/index.tsx
@@ -343,6 +343,7 @@ export default class Select<
     const {
       selectClassName,
       /* eslint-disable */
+      className,
       floatingLabelClassName,
       lineRippleClassName,
       notchedOutlineClassName,
diff --git a/test/unit/select/index.test.tsx b/test/unit/select/index.test.tsx
index df40e86ef..e3be616c1 100644
--- a/test/unit/select/index.test.tsx
+++ b/test/unit/select/index.test.tsx
@@ -403,6 +403,16 @@ test('renders BaseSelect for select', () => {
   );
 });
 
+test('does not pass className to BaseSelect', () => {
+  const wrapper = shallow(<Select label='my label' className="container-class" />);
+  assert.equal(wrapper.childAt(0).childAt(1).prop('className'), "");
+});
+
+test('pass selectClassName to BaseSelect', () => {
+  const wrapper = shallow(<Select label='my label' selectClassName="select-class" />);
+  assert.equal(wrapper.childAt(0).childAt(1).prop('className'), "select-class");
+});
+
 test('renders FloatingLabel after BaseSelect if props.label exists', () => {
   const wrapper = shallow(<Select label='my label' />);
   assert.equal(