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}