diff --git a/src/pages/commonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.module.scss b/src/pages/commonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.module.scss index 396726a2da..5cd45faf8c 100644 --- a/src/pages/commonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.module.scss +++ b/src/pages/commonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.module.scss @@ -1,9 +1,17 @@ @import "../../../../../../constants"; @import "../../../../../../styles/sizes"; +.buttonIcon { + background-color: transparent; + + &:hover { + background-color: $light-gray-1; + } +} + .icon { - width: 0.625rem; - height: 0.625rem; + width: 1rem; + height: 1rem; color: $c-gray-800; @include tablet { diff --git a/src/pages/commonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.tsx b/src/pages/commonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.tsx index 195f8e59e4..32945285d6 100644 --- a/src/pages/commonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.tsx +++ b/src/pages/commonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.tsx @@ -43,16 +43,8 @@ const NewStreamButton: FC = (props) => { } const triggerEl = ( - - {isMobileVersion ? ( - - ) : ( - - )} + + ); const menuProps = {