From fa84a64c3d4caf3a12bb31579ee1d91c96210ff6 Mon Sep 17 00:00:00 2001
From: Farber Denis <dsnakez11@yandex.ru>
Date: Thu, 10 Nov 2022 14:21:23 +0300
Subject: [PATCH] style(#in162): watch tab scroll padding fixed

---
 src/features/MatchSidePlaylists/index.tsx  | 2 +-
 src/features/MatchSidePlaylists/styled.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/features/MatchSidePlaylists/index.tsx b/src/features/MatchSidePlaylists/index.tsx
index 501b9681..b3a0edc9 100644
--- a/src/features/MatchSidePlaylists/index.tsx
+++ b/src/features/MatchSidePlaylists/index.tsx
@@ -78,7 +78,7 @@ export const MatchSidePlaylists = ({
   }, [
     playlists,
     selectedTab,
-    tabPaneContainerRef,
+    tabPaneContainerRef.current?.clientHeight,
   ])
 
   useEventListener({
diff --git a/src/features/MatchSidePlaylists/styled.tsx b/src/features/MatchSidePlaylists/styled.tsx
index 011a17f7..17cc8d98 100644
--- a/src/features/MatchSidePlaylists/styled.tsx
+++ b/src/features/MatchSidePlaylists/styled.tsx
@@ -36,10 +36,11 @@ type TContainer = {
 export const Container = styled.div<TContainer>`
   width: 320px;
   margin-top: 14px;
-  padding: ${({ hasScroll }) => (hasScroll ? '0 10px 0 14px' : '0 18px 0 14px')};
   max-height: calc(100vh - 130px);
   overflow-y: ${({ forVideoTab }) => (forVideoTab ? 'hidden' : 'auto')};
   padding-right: ${({ forVideoTab }) => (forVideoTab ? '0' : '')};
+  padding-left: 14px;
+  padding-right: ${({ hasScroll }) => (hasScroll ? '10px' : '')};
 
   ${customScrollbar}