diff --git a/frontend/app/components/Session_/Exceptions/Exceptions.js b/frontend/app/components/Session_/Exceptions/Exceptions.js
index e08145ad7..0cdd9d01e 100644
--- a/frontend/app/components/Session_/Exceptions/Exceptions.js
+++ b/frontend/app/components/Session_/Exceptions/Exceptions.js
@@ -73,24 +73,27 @@ export default class Exceptions extends React.PureComponent {
         />
         <BottomBlock>
           <BottomBlock.Header>
-            <Input
-              // className="input-small"
-              placeholder="Filter by name or message"
-              icon="search"
-              iconPosition="left"
-              name="filter"
-              onChange={ this.onFilterChange }
-            />
-            <div className="mr-8">
-            <QuestionMarkHint
-              onHover={true}
-              content={ 
-                <>
-                  <a className="color-teal underline" target="_blank" href="https://docs.openreplay.com/installation/upload-sourcemaps">Upload Source Maps </a>
-                  and see source code context obtained from stack traces in their original form.
-                </>
-              }
-            />
+            <div></div>
+            <div className="flex items-center">
+              <Input
+                // className="input-small"
+                placeholder="Filter by name or message"
+                icon="search"
+                iconPosition="left"
+                name="filter"
+                onChange={ this.onFilterChange }
+              />
+              <div className="mx-4">
+                <QuestionMarkHint
+                  onHover={true}
+                  content={ 
+                    <>
+                      <a className="color-teal underline" target="_blank" href="https://docs.openreplay.com/installation/upload-sourcemaps">Upload Source Maps </a>
+                      and see source code context obtained from stack traces in their original form.
+                    </>
+                  }
+                />
+              </div>
             </div>
           </BottomBlock.Header>
           <BottomBlock.Content>
diff --git a/frontend/app/components/Session_/Fetch/Fetch.js b/frontend/app/components/Session_/Fetch/Fetch.js
index 2dff482c9..1b62d88c8 100644
--- a/frontend/app/components/Session_/Fetch/Fetch.js
+++ b/frontend/app/components/Session_/Fetch/Fetch.js
@@ -116,7 +116,7 @@ export default class Fetch extends React.PureComponent {
                 />
                 <BottomBlock>
                     <BottomBlock.Header>
-                        <h4 className="text-lg">Fetch</h4>
+                        <span className="font-semibold color-gray-medium mr-4">Fetch</span>
                         <div className="flex items-center">
                             <Input
                                 className="input-small"
diff --git a/frontend/app/components/Session_/GraphQL/GraphQL.js b/frontend/app/components/Session_/GraphQL/GraphQL.js
index 2d3a112e4..fbe709fc1 100644
--- a/frontend/app/components/Session_/GraphQL/GraphQL.js
+++ b/frontend/app/components/Session_/GraphQL/GraphQL.js
@@ -85,7 +85,7 @@ export default class GraphQL extends React.PureComponent {
         />
         <BottomBlock>
           <BottomBlock.Header>
-            <h4 className="text-lg">GraphQL</h4>
+            <span className="font-semibold color-gray-medium mr-4">GraphQL</span>
             <div className="flex items-center">
               <Input
                 // className="input-small"
diff --git a/frontend/app/components/Session_/LongTasks/LongTasks.js b/frontend/app/components/Session_/LongTasks/LongTasks.js
index 55f204ea4..ef9a7965f 100644
--- a/frontend/app/components/Session_/LongTasks/LongTasks.js
+++ b/frontend/app/components/Session_/LongTasks/LongTasks.js
@@ -50,7 +50,7 @@ export default class GraphQL extends React.PureComponent {
     return (
       <BottomBlock>
         <BottomBlock.Header>
-          <h4 className="text-lg">Long Tasks</h4>
+          <span className="font-semibold color-gray-medium mr-4">Long Tasks</span>
           <div className="flex items-center">
             <Input
               className="input-small mr-3"
diff --git a/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx b/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx
index d634643b0..844d31488 100644
--- a/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx
+++ b/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx
@@ -1,5 +1,5 @@
-import { connectPlayer } from 'App/player';
-import React from 'react';
+import { connectPlayer, Controls } from 'App/player';
+import React, { useEffect } from 'react';
 import BottomBlock from '../BottomBlock';
 import EventRow from './components/EventRow';
 import { TYPES } from 'Types/session/event';
@@ -23,43 +23,99 @@ function OverviewPanel(props: Props) {
     const innerRef = React.createRef<HTMLDivElement>();
     const scale = 100 / endTime;
 
+    const createEventClickHandler = (pointer: any) => (e: any) => {
+        console.log('here...');
+        e.stopPropagation();
+        Controls.jump(pointer.time);
+        // props.setTimelinePointer(pointer);
+    };
+
     let width = 100;
     const SPEED = 5;
-
-    const onWheel = (e: React.UIEvent<HTMLDivElement>) => {
+    const onWheel = (e: any) => {
         e.preventDefault();
         e.stopPropagation();
-        const delta = e.deltaY;
-        if (delta > 0) {
-            width += SPEED;
-        } else {
-            width -= SPEED;
+        // console.log('e', e)
+
+        // horizontal
+        if (e.deltaX != '-0') {
+            // e.preventDefault();
+            console.log('e.deltaX', e.deltaX);
         }
-        if (width < 100) {
-            width = 100;
-        }
-        if (innerRef.current) {
-            innerRef.current.style.width = width + '%';
-            if (containerRef.current) {
-                containerRef.current.style.left = (100 - width) / 2 + '%';
+        // Vertical
+        if (e.deltaY != '-0') {
+            console.log('e.deltaY', e.deltaY);
+            // e.preventDefault();
+            const delta = e.deltaY;
+            if (delta > 0) {
+                width += SPEED;
+            } else {
+                width -= SPEED;
+            }
+            if (width < 100) {
+                width = 100;
+            }
+
+            if (innerRef.current) {
+                innerRef.current.style.width = width + '%';
+                if (containerRef.current) {
+                    containerRef.current.style.left = (100 - width) / 2 + '%';
+                }
             }
         }
     };
 
+    useEffect(() => {
+        if (containerRef.current) {
+            containerRef.current.addEventListener('wheel', onWheel, { passive: false });
+        }
+
+        return () => {
+            if (containerRef.current) {
+                containerRef.current.removeEventListener('wheel', onWheel);
+            }
+        };
+    }, []);
+
     const renderNetworkElement = (item: any) => {
-        return <div className="h-2 w-2 rounded-full bg-red" />;
+        return (
+            <Tooltip
+                html={
+                    <div className={stl.popup}>
+                        <b>{item.success ? 'Slow resource: ' : 'Missing resource:'}</b>
+                        <br />
+                        {item.name}
+                    </div>
+                }
+                delay={0}
+                position="top"
+            >
+                <div onClick={createEventClickHandler(item)} className="cursor-pointer">
+                    <div className="h-2 w-2 rounded-full bg-red" onClick={createEventClickHandler(item)} />
+                </div>
+            </Tooltip>
+        );
     };
 
     const renderClickRageElement = (item: any) => {
         return (
-            <div className="">
-                <Icon className="bg-white" name="funnel/emoji-angry" color="red" size="16" />
-            </div>
+            <Tooltip
+                html={
+                    <div className={stl.popup}>
+                        <b>{'Click Rage'}</b>
+                    </div>
+                }
+                delay={0}
+                position="top"
+            >
+                <div onClick={createEventClickHandler(item)} className="cursor-pointer">
+                    <Icon className="bg-white" name="funnel/emoji-angry" color="red" size="16" onClick={createEventClickHandler(item)} />
+                </div>
+            </Tooltip>
         );
     };
 
     const renderExceptionElement = (item: any) => {
-        // console.log('item', item);
         return (
             <Tooltip
                 html={
@@ -72,17 +128,17 @@ function OverviewPanel(props: Props) {
                 delay={0}
                 position="top"
             >
-                <Icon className="rounded-full bg-white" name="funnel/exclamation-circle-fill" color="red" size="16" />
+                <div onClick={createEventClickHandler(item)} className="cursor-pointer">
+                    <Icon className="rounded-full bg-white" name="funnel/exclamation-circle-fill" color="red" size="16" />
+                </div>
             </Tooltip>
         );
     };
 
     return (
-        <BottomBlock style={{ height: '300px' }}>
+        <BottomBlock style={{ height: '240px' }}>
             <BottomBlock.Header>
-                <div className="flex items-center">
-                    <span className="font-semibold color-gray-medium mr-4">Overview</span>
-                </div>
+                <span className="font-semibold color-gray-medium mr-4">Overview</span>
             </BottomBlock.Header>
             <BottomBlock.Content>
                 <div className="overflow-x-auto overflow-y-hidden bg-gray-lightest px-4" ref={containerRef}>
@@ -101,7 +157,7 @@ function OverviewPanel(props: Props) {
 }
 
 export default connectPlayer((state: any) => ({
-    resourceList: state.resourceList,
+    resourceList: state.resourceList.filter((r: any) => r.isRed() || r.isYellow()),
     exceptionsList: state.exceptionsList,
     eventsList: state.eventList,
     endTime: state.endTime,
@@ -112,5 +168,5 @@ const VerticalPointerLine = connectPlayer((state: any) => ({
     scale: 100 / state.endTime,
 }))(({ time, scale }: any) => {
     const left = time * scale;
-    return <div className="absolute border-r border-red border-dotted z-10" style={{ left: `${left}%`, height: '250px', width: '1px' }} />;
+    return <div className="absolute border-r border-teal border-dashed z-10" style={{ left: `${left}%`, height: '250px', width: '1px' }} />;
 });
diff --git a/frontend/app/components/Session_/Player/Player.js b/frontend/app/components/Session_/Player/Player.js
index 6d7089d77..9a95121ac 100644
--- a/frontend/app/components/Session_/Player/Player.js
+++ b/frontend/app/components/Session_/Player/Player.js
@@ -106,7 +106,7 @@ export default class Player extends React.PureComponent {
         </div>
         { !fullscreen && !!bottomBlock &&
           <div style={{ maxWidth, width: '100%' }}>
-            { //bottomBlock === OVERVIEW &&
+            { bottomBlock === OVERVIEW &&
                <OverviewPanel />
             }
             { bottomBlock === CONSOLE &&
diff --git a/frontend/app/components/Session_/PlayerBlock.js b/frontend/app/components/Session_/PlayerBlock.js
index 487809649..1000a63a3 100644
--- a/frontend/app/components/Session_/PlayerBlock.js
+++ b/frontend/app/components/Session_/PlayerBlock.js
@@ -37,9 +37,9 @@ export default class PlayerBlock extends React.PureComponent {
           />}
         <Player
           className="flex-1"
-          // bottomBlockIsActive={ !fullscreen && bottomBlock !== NONE }
-          bottomBlockIsActive={ true }
-          bottomBlock={OVERVIEW}
+          bottomBlockIsActive={ !fullscreen && bottomBlock !== NONE }
+          // bottomBlockIsActive={ true }
+          bottomBlock={bottomBlock}
           fullscreen={fullscreen}
           activeTab={activeTab}
         />
diff --git a/frontend/app/components/Session_/Profiler/Profiler.js b/frontend/app/components/Session_/Profiler/Profiler.js
index 83b13c89c..9f8fdc284 100644
--- a/frontend/app/components/Session_/Profiler/Profiler.js
+++ b/frontend/app/components/Session_/Profiler/Profiler.js
@@ -42,7 +42,9 @@ export default class Profiler extends React.PureComponent {
         />
         <BottomBlock>
           <BottomBlock.Header>
-            <h4 className="text-lg">Profiler</h4>
+            <div className="flex items-center">
+                <span className="font-semibold color-gray-medium mr-4">Profiler</span>
+            </div>
             <Input
               // className="input-small"
               placeholder="Filter by Name"