diff --git a/frontend/src/components/select-editor/select-editor.js b/frontend/src/components/select-editor/select-editor.js
index cca2c9989d..abc3c3c5e1 100644
--- a/frontend/src/components/select-editor/select-editor.js
+++ b/frontend/src/components/select-editor/select-editor.js
@@ -76,7 +76,7 @@ class SelectEditor extends React.Component {
           <Select
             options={this.options}
             className="permission-editor-select"
-            classNamePrefix="select"
+            classNamePrefix="permission-editor"
             onChange={this.onOptionChanged}
             menuPlacement="auto"
           />
diff --git a/frontend/src/css/select-editor.css b/frontend/src/css/select-editor.css
index 192da47e79..2d90bd61f2 100644
--- a/frontend/src/css/select-editor.css
+++ b/frontend/src/css/select-editor.css
@@ -7,10 +7,10 @@
   word-wrap: break-word;
   white-space: pre-wrap;
 }
-.permission-editor .select__option {
+.permission-editor .permission-editor__option {
   padding-top: 2px;
   padding-bottom: 2px;
 }
-.select__control .permission-editor-explanation {
+.permission-editor .permission-editor__control .permission-editor-explanation {
   display: none;
 }
\ No newline at end of file
diff --git a/frontend/src/css/share-link-dialog.css b/frontend/src/css/share-link-dialog.css
index 3f4928ded6..7675dd1293 100644
--- a/frontend/src/css/share-link-dialog.css
+++ b/frontend/src/css/share-link-dialog.css
@@ -80,6 +80,6 @@ input.expire-input {
     margin: 0 0.25rem 0 1.25rem;
 }
 
-.share-dialog-main .permission-editor .select__menu {
+.share-dialog-main .permission-editor .permission-editor__menu {
   width: 240px;
 }