diff --git a/app/soapbox/components/icon_button.js b/app/soapbox/components/icon_button.js index e858dbcbef..ee73673708 100644 Binary files a/app/soapbox/components/icon_button.js and b/app/soapbox/components/icon_button.js differ diff --git a/app/soapbox/components/sidebar_menu.js b/app/soapbox/components/sidebar_menu.js index a42cc45c1e..d320815a15 100644 Binary files a/app/soapbox/components/sidebar_menu.js and b/app/soapbox/components/sidebar_menu.js differ diff --git a/app/styles/components/sidebar-menu.scss b/app/styles/components/sidebar-menu.scss index 16e7065575..b69e22db6e 100644 --- a/app/styles/components/sidebar-menu.scss +++ b/app/styles/components/sidebar-menu.scss @@ -84,16 +84,16 @@ .sidebar-menu__close { position: absolute; - top: 22px; + top: 16px; right: 18px; - i.fa { - font-size: 20px; - } - .svg-icon { - width: 20px; - height: 20px; + width: 32px; + height: 32px; + + svg { + stroke-width: 1px; + } } } @@ -122,11 +122,14 @@ margin-top: 2px; color: var(--primary-text-color--faint); } + } - i.fa-caret-up, - i.fa-caret-down { - margin-left: auto; - padding-left: 10px; + &__caret { + margin-left: auto; + padding-left: 10px; + + svg { + stroke-width: 1px; } } }