diff --git a/src/features/StreamPlayer/components/ProgressBar/styled.tsx b/src/features/StreamPlayer/components/ProgressBar/styled.tsx
index cb919940..3d821b96 100644
--- a/src/features/StreamPlayer/components/ProgressBar/styled.tsx
+++ b/src/features/StreamPlayer/components/ProgressBar/styled.tsx
@@ -1,5 +1,7 @@
 import styled from 'styled-components/macro'
 
+import { Wrapper } from '../TimeTooltip/styled'
+
 export const ProgressBarList = styled.div`
   flex-grow: 1;
   height: 4px;
@@ -34,4 +36,8 @@ export const Scrubber = styled.button`
   background-color: #F2C94C;
   border-radius: 50%;
   cursor: pointer;
+  
+  :hover ${Wrapper} {
+    visibility: visible;
+  }
 `
diff --git a/src/features/StreamPlayer/components/TimeTooltip/styled.tsx b/src/features/StreamPlayer/components/TimeTooltip/styled.tsx
index 893cd5c3..ed867020 100644
--- a/src/features/StreamPlayer/components/TimeTooltip/styled.tsx
+++ b/src/features/StreamPlayer/components/TimeTooltip/styled.tsx
@@ -1,6 +1,7 @@
 import styled from 'styled-components/macro'
 
 export const Wrapper = styled.div`
+  visibility: hidden;
   position: absolute;
   bottom: 100%;
   transform: translate(-50%, -50%);
@@ -10,7 +11,7 @@ export const Wrapper = styled.div`
   background-color: #000;
   min-width: 60px;
   height: 32px;
-
+  
   ::after {
     content: '';
     position: absolute;