diff --git a/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx b/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx
index 1bcdf7088..ce5edcba1 100644
--- a/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx
+++ b/frontend/app/components/Session_/OverviewPanel/OverviewPanel.tsx
@@ -76,7 +76,7 @@ function OverviewPanel({ issuesList }: { issuesList: Record<string, any>[] }) {
   ]);
 
   return (
-      <BottomBlock style={{ height: '245px' }}>
+      <BottomBlock style={{ height: '100%' }}>
         <BottomBlock.Header>
           <span className="font-semibold color-gray-medium mr-4">X-RAY</span>
           <div className="flex items-center h-20">
@@ -88,13 +88,14 @@ function OverviewPanel({ issuesList }: { issuesList: Record<string, any>[] }) {
             <TimelineScale endTime={endTime} />
             <div
               // style={{ width: '100%', height: '187px', overflow: 'hidden' }}
-              style={{ width: 'calc(100vw - 1rem)', margin: '0 auto', height: '187px' }}
+              style={{ width: 'calc(100vw - 1rem)', margin: '0 auto' }}
               className="transition relative"
             >
               <NoContent
                 show={selectedFeatures.length === 0}
+                style={{ height: '60px', minHeight: 'unset', padding: 0 }}
                 title={
-                  <div className="flex items-center mt-16">
+                  <div className="flex items-center">
                     <Icon name="info-circle" className="mr-2" size="18" />
                     Select a debug option to visualize on timeline.
                   </div>
diff --git a/frontend/app/components/Session_/OverviewPanel/components/FeatureSelection/FeatureSelection.tsx b/frontend/app/components/Session_/OverviewPanel/components/FeatureSelection/FeatureSelection.tsx
index bf4599e10..8d76a3070 100644
--- a/frontend/app/components/Session_/OverviewPanel/components/FeatureSelection/FeatureSelection.tsx
+++ b/frontend/app/components/Session_/OverviewPanel/components/FeatureSelection/FeatureSelection.tsx
@@ -22,7 +22,7 @@ interface Props {
 function FeatureSelection(props: Props) {
   const { list } = props;
   const features = [NETWORK, ERRORS, EVENTS, CLICKRAGE, PERFORMANCE];
-  const disabled = list.length >= 3;
+  const disabled = list.length >= 5;
 
   return (
     <React.Fragment>
diff --git a/frontend/app/components/Session_/OverviewPanel/components/VerticalLine/VerticalLine.tsx b/frontend/app/components/Session_/OverviewPanel/components/VerticalLine/VerticalLine.tsx
index 43a536f13..eb4d70e3a 100644
--- a/frontend/app/components/Session_/OverviewPanel/components/VerticalLine/VerticalLine.tsx
+++ b/frontend/app/components/Session_/OverviewPanel/components/VerticalLine/VerticalLine.tsx
@@ -8,7 +8,7 @@ interface Props {
     width?: string;
 }
 function VerticalLine(props: Props) {
-    const { left, className = 'border-gray-dark', height = '221px', width = '1px' } = props;
+    const { left, className = 'border-gray-dark', height = '100%', width = '1px' } = props;
     return <div className={cn('absolute border-r border-dashed z-10', className)} style={{ left: `${left}%`, height, width }} />;
 }