From ef935e3ee24df0ba49e46e924c075934b9a2ce0d Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Wed, 22 Jun 2022 17:16:46 +0200
Subject: [PATCH] fix(ui): fix timeline icons overlap

---
 .../components/Session_/Player/Controls/Timeline.js    | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/app/components/Session_/Player/Controls/Timeline.js b/frontend/app/components/Session_/Player/Controls/Timeline.js
index 1dffbee1b..7503c5a44 100644
--- a/frontend/app/components/Session_/Player/Controls/Timeline.js
+++ b/frontend/app/components/Session_/Player/Controls/Timeline.js
@@ -199,7 +199,7 @@ export default class Timeline extends React.PureComponent {
                       </div>
                     }
                   >
-                    <Icon className=" p-px bg-white" name={iss.icon} size="16" />
+                    <Icon className=" rounded-full bg-white" name={iss.icon} size="16" />
                   </Tooltip>
                 </div>
               ))
@@ -224,7 +224,7 @@ export default class Timeline extends React.PureComponent {
                     </div>
                   }
                 >
-                  <Icon className=" p-px bg-white" name={getPointerIcon('click_rage')} size="16" />
+                  <Icon className="bg-white" name={getPointerIcon('click_rage')} size="16" />
                 </Tooltip>
               </div>
             ))}
@@ -246,7 +246,7 @@ export default class Timeline extends React.PureComponent {
                     </div>
                   }
                 >
-                  <Icon className=" p-px bg-white" name={getPointerIcon('click_rage')} size="16" />
+                  <Icon className=" rounded-full bg-white" name={getPointerIcon('click_rage')} size="16" />
                 </Tooltip>
               </div>
             }
@@ -269,7 +269,7 @@ export default class Timeline extends React.PureComponent {
                       </div>
                   }
                   >
-                    <Icon className=" p-px bg-white" name={getPointerIcon('exception')} size="16" />
+                    <Icon className=" rounded-full bg-white" name={getPointerIcon('exception')} size="16" />
                   </Tooltip>
                 </div>
               ))
@@ -297,7 +297,7 @@ export default class Timeline extends React.PureComponent {
                       </div>
                   }
                   >
-                    <Icon className=" p-px bg-white" name={getPointerIcon('resource')} size="16" />
+                    <Icon className=" rounded-full bg-white" name={getPointerIcon('resource')} size="16" />
                   </Tooltip>
                 </div>
               ))