From 758983273c1a3ef8b49b3ac7ec275beedd8f1362 Mon Sep 17 00:00:00 2001
From: Pavel Meyer <meyerpavel1207@gmail.com>
Date: Thu, 26 Oct 2023 13:29:57 +0300
Subject: [PATCH] CW-2236 Added styles for plus icon

---
 .../NewStreamButton/NewStreamButton.module.scss      | 12 ++++++++++--
 .../components/NewStreamButton/NewStreamButton.tsx   | 12 ++----------
 2 files changed, 12 insertions(+), 12 deletions(-)

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<NewStreamButtonProps> = (props) => {
   }
 
   const triggerEl = (
-    <ButtonIcon
-      variant={
-        isMobileVersion ? ButtonVariant.Transparent : ButtonVariant.PrimaryGray
-      }
-    >
-      {isMobileVersion ? (
-        <PlusIcon className={styles.icon} />
-      ) : (
-        <BoldPlusIcon className={styles.icon} />
-      )}
+    <ButtonIcon className={styles.buttonIcon}>
+      <PlusIcon className={styles.icon} />
     </ButtonIcon>
   );
   const menuProps = {