From 919c9ff7ea7f0ba09cf4433b7c7b511d39be048d Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Thu, 26 Oct 2023 00:00:48 +0300
Subject: [PATCH] Sidebar icons style fixes

---
 src/components/Feed/Sidebar/Sidebar.module.scss | 6 +++++-
 src/components/Feed/Sidebar/Sidebar.tsx         | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Feed/Sidebar/Sidebar.module.scss b/src/components/Feed/Sidebar/Sidebar.module.scss
index 5735b053..8f3fbac5 100644
--- a/src/components/Feed/Sidebar/Sidebar.module.scss
+++ b/src/components/Feed/Sidebar/Sidebar.module.scss
@@ -16,7 +16,7 @@
   }
 
   .sidebarItemName {
-    align-items: baseline;
+    align-items: center;
     display: flex;
     position: relative;
 
@@ -26,6 +26,10 @@
     }
   }
 
+  .userpic {
+    margin-right: 1.2rem;
+  }
+
   .selected {
     font-weight: 700;
   }
diff --git a/src/components/Feed/Sidebar/Sidebar.tsx b/src/components/Feed/Sidebar/Sidebar.tsx
index 3185729e..1ae62261 100644
--- a/src/components/Feed/Sidebar/Sidebar.tsx
+++ b/src/components/Feed/Sidebar/Sidebar.tsx
@@ -128,7 +128,7 @@ export const Sidebar = () => {
                   classList={{ [styles.unread]: checkAuthorIsSeen(author.slug) }}
                 >
                   <div class={styles.sidebarItemName}>
-                    <Userpic name={author.name} userpic={author.userpic} />
+                    <Userpic name={author.name} userpic={author.userpic} size="XS" class={styles.userpic} />
                     {author.name}
                   </div>
                 </a>