some adjustments to open/active for advanced options dropdown

2 files changed, 3 insertions, 5 deletions

diff --git a/app/javascript/mastodon/features/compose/components/advanced_options_dropdown.js b/app/javascript/mastodon/features/compose/components/advanced_options_dropdown.js
index 129f7803d..0bde41877 100644
--- a/app/javascript/mastodon/features/compose/components/advanced_options_dropdown.js
+++ b/app/javascript/mastodon/features/compose/components/advanced_options_dropdown.js
@@ -93,7 +93,7 @@ export default class AdvancedOptionsDropdown extends React.PureComponent {
         <IconButton className='advanced-options-dropdown__value'
           title={intl.formatMessage(messages.advanced_options_icon_title)}
           icon='ellipsis-h' active={open || anyEnabled}
-          size={18} inverted
+          size={18}
           style={iconStyle}
           onClick={this.onToggleDropdown} />
       </div>
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index fcab01b01..728c6ce14 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -2935,15 +2935,13 @@ button.icon-button.active i.fa-retweet {
   }
 }
 
-.advanced-options-dropdown.active {
+.advanced-options-dropdown.open {
   .advanced-options-dropdown__value {
     background: $simple-background-color;
     border-radius: 4px 4px 0 0;
     box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);
   }
-}
-
-.advanced-options-dropdown.open {
+   
   .advanced-options-dropdown__dropdown {
     display: block;
     box-shadow: 2px 4px 6px rgba($base-shadow-color, 0.1);