diff --git a/config/rollup/common.js b/config/rollup/common.js
index 6d2cb03..064fd32 100644
--- a/config/rollup/common.js
+++ b/config/rollup/common.js
@@ -41,6 +41,7 @@ export const postcssPlugin = (options = {}) => (
     autoModules: false,
     modules: {
       generateScopedName: '[name]__[local]___[hash:base64:5]',
+      hashPrefix: 'prefix',
     },
     ...options,
   })
diff --git a/src/Components/NetworkTable/NetworkTable.styles.scss b/src/Components/NetworkTable/NetworkTable.styles.scss
index abddcb6..9c9c35f 100644
--- a/src/Components/NetworkTable/NetworkTable.styles.scss
+++ b/src/Components/NetworkTable/NetworkTable.styles.scss
@@ -5,7 +5,6 @@
   border-top: $border;
 }
 
-
 .network-table-header {
   display: flex;
   width: 100%;
@@ -27,13 +26,14 @@
   width: 12%;
   align-self: center;
   padding-right: $size-xs-s;
+  min-width: $table-column-min-width;
 
   &:last-child {
     padding-right: 0;
   }
 
   &.show-waterfall {
-    width: 9%;
+    width: 10%;
   }
 
   &.file {
@@ -44,8 +44,7 @@
     }
   }
 
-  &.domain,
-  &.waterfall{
+  &.domain {
     width: 15%;
   }
 }
diff --git a/src/Components/NetworkTable/NetworkTableBody.jsx b/src/Components/NetworkTable/NetworkTableBody.jsx
index 1c99158..999ddc4 100644
--- a/src/Components/NetworkTable/NetworkTableBody.jsx
+++ b/src/Components/NetworkTable/NetworkTableBody.jsx
@@ -7,6 +7,7 @@ import NetworkTableRow from './NetworkTableRow';
 import { TABLE_ENTRY_HEIGHT } from '../../constants';
 import { useResizeObserver } from '../../hooks/useResizeObserver';
 import Styles from './NetworkTable.styles.scss';
+import { useTheme } from '../../state/theme/Context';
 
 /* eslint no-underscore-dangle: 0 */
 
@@ -41,19 +42,26 @@ const NetworkTableBody = ({ height }) => {
     actions,
     callbacks,
   } = useNetwork();
+  const { enableAutoScroll } = useTheme();
+  const numberOfNewEntries = state.get('numberOfNewEntries');
   const data = state.get('data');
   const totalNetworkTime = state.get('totalNetworkTime');
   const selectedReqIndex = state.get('selectedReqIndex');
 
   const ref = useRef(null);
-  const { elementDims } = useResizeObserver(ref);
+  const { elementDims } = useResizeObserver(ref?.current?._outerRef || ref?.current);
 
   useEffect(() => actions.setTableHeaderWidth(elementDims.width), [elementDims]);
 
   useEffect(() => {
-    const outerRef = ref?.current?._outerRef;
-    if (outerRef.scrollTop + outerRef.offsetHeight + TABLE_ENTRY_HEIGHT >= outerRef.scrollHeight) {
-      ref.current._outerRef.scrollTop = outerRef.scrollHeight;
+    if (enableAutoScroll && ref?.current?._outerRef) {
+      const outerRef = ref?.current?._outerRef;
+      const needToScroll = outerRef.scrollTop +
+        outerRef.offsetHeight +
+        (numberOfNewEntries * TABLE_ENTRY_HEIGHT) >= outerRef.scrollHeight;
+      if (needToScroll) {
+        ref.current._outerRef.scrollTop = outerRef.scrollHeight;
+      }
     }
   }, [data, ref]);
 
diff --git a/src/Components/NetworkTable/TimeChart.jsx b/src/Components/NetworkTable/TimeChart.jsx
index ad19331..a2dda6c 100644
--- a/src/Components/NetworkTable/TimeChart.jsx
+++ b/src/Components/NetworkTable/TimeChart.jsx
@@ -20,10 +20,7 @@ const TimeChart = ({
       placement="left"
       title={<TimeChartTooltip data={timings} />}
     >
-      <svg
-        {...TIME_CHART_SVG_PROPS}
-        className={Styles['time-chart']}
-      >
+      <svg {...TIME_CHART_SVG_PROPS}>
         <g>
           {chartAttributes.map((chartProps) => (
             <rect
diff --git a/src/Components/NetworkTable/TimeChart.styles.scss b/src/Components/NetworkTable/TimeChart.styles.scss
index 6870cf6..df3331a 100644
--- a/src/Components/NetworkTable/TimeChart.styles.scss
+++ b/src/Components/NetworkTable/TimeChart.styles.scss
@@ -1,9 +1,5 @@
 @import "./../../styles/variables.scss";
 
-.time-chart {
-  height: 15px;
-}
-
 .time-chart-tooltip {
   background-color: $white-100 !important;
   overflow: hidden !important;
diff --git a/src/Components/ReqDetail/CopyAllButton.jsx b/src/Components/ReqDetail/CopyAllButton.jsx
new file mode 100644
index 0000000..fa7c9d3
--- /dev/null
+++ b/src/Components/ReqDetail/CopyAllButton.jsx
@@ -0,0 +1,48 @@
+import React, { useRef, useState } from 'react';
+import PropTypes from 'prop-types';
+
+import Button from '../Common/Button';
+import Styles from './CopyAllButton.styles.scss';
+import IconCopy from '../../icons/IconCopy';
+import IconCheckMark from '../../icons/IconCheckMark';
+
+const CopyAllButton = ({ text }) => {
+  const [isCopied, setIsCopied] = useState(false);
+  const timeoutRef = useRef(null);
+
+  const copy = () => {
+    navigator.clipboard.writeText(text);
+    setIsCopied(true);
+
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+
+    timeoutRef.current = setTimeout(() => {
+      setIsCopied(false);
+    }, 5000);
+  };
+
+  return (
+    <Button
+      className={Styles['copy-button']}
+      onClick={copy}
+      variant="text"
+    >
+      {isCopied ?
+        <IconCheckMark className={Styles['copy-icon']} /> :
+        <IconCopy className={Styles['copy-icon']} />}
+      <span className={Styles['copy-text']}>{isCopied ? 'Copied!' : 'Copy All'}</span>
+    </Button>
+  );
+};
+
+CopyAllButton.propTypes = {
+  text: PropTypes.object,
+};
+
+CopyAllButton.defaultProps = {
+  text: 'testi testi',
+};
+
+export default CopyAllButton;
diff --git a/src/Components/ReqDetail/CopyAllButton.styles.scss b/src/Components/ReqDetail/CopyAllButton.styles.scss
new file mode 100644
index 0000000..bb9b208
--- /dev/null
+++ b/src/Components/ReqDetail/CopyAllButton.styles.scss
@@ -0,0 +1,17 @@
+@import "./../../styles/variables";
+
+.copy-button {
+  height: $filter-button-height;
+  color: $brand-blue;
+  font-size: $font-size-h6;
+
+  .copy-text {
+    padding-left: $size-xs;
+  }
+
+  .copy-icon {
+    fill: $brand-blue;
+    height: $size-s;
+    width: $size-s;
+  }
+}
diff --git a/src/Components/ReqDetail/Response.jsx b/src/Components/ReqDetail/Response.jsx
index 62b59c7..7a68bc2 100644
--- a/src/Components/ReqDetail/Response.jsx
+++ b/src/Components/ReqDetail/Response.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import Styles from './Response.styles.scss';
+import CopyAllButton from './CopyAllButton';
 
 const NoResponseText = () => (
   <h4 className={Styles['no-response']}>This request has no response data available.</h4>
@@ -16,9 +17,12 @@ const Response = ({ data }) => {
 
   return (
     <div className={Styles['response-content']}>
-      <pre className={Styles['log-body-colorless']}>
+      <div className={Styles['copy-button']}>
+        <CopyAllButton text={content} />
+      </div>
+      <span className={Styles['response-body']}>
         {content}
-      </pre>
+      </span>
     </div>
   );
 };
diff --git a/src/Components/ReqDetail/Response.styles.scss b/src/Components/ReqDetail/Response.styles.scss
index 7e29d89..135786d 100644
--- a/src/Components/ReqDetail/Response.styles.scss
+++ b/src/Components/ReqDetail/Response.styles.scss
@@ -12,4 +12,16 @@
 .response-content {
   font-size: $font-size-small;
   width: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .copy-button {
+    align-self: end;
+  }
+
+  .response-body {
+    font-family: monospace;
+    white-space: pre-wrap;
+    word-break: break-all;
+  }
 }
diff --git a/src/Components/ReqDetail/headers/General.jsx b/src/Components/ReqDetail/headers/General.jsx
index f199203..56259db 100644
--- a/src/Components/ReqDetail/headers/General.jsx
+++ b/src/Components/ReqDetail/headers/General.jsx
@@ -7,7 +7,7 @@ import { GENERAL_HEADERS } from '../../../constants';
 const General = ({ data }) => (
   <div className={Styles['header-detail']}>
     {Object.entries(GENERAL_HEADERS).map(([dataKey, { key, name }]) => (
-      <p
+      <div
         key={dataKey}
         className={Styles['info-row']}
       >
@@ -17,7 +17,7 @@ const General = ({ data }) => (
         <span className={Styles['info-value']}>
           {key === 'status' && data.error ? data.error : data[key]}
         </span>
-      </p>
+      </div>
     ))}
   </div>
 );
diff --git a/src/Containers/MainContainer.styles.scss b/src/Containers/MainContainer.styles.scss
index 091786f..f6ebc4a 100644
--- a/src/Containers/MainContainer.styles.scss
+++ b/src/Containers/MainContainer.styles.scss
@@ -12,5 +12,6 @@
   height: 100%;
   width: 100%;
   overflow: auto;
+  overflow-x: hidden;
   outline: none;
 }
diff --git a/src/Containers/NetworkTableContainer.jsx b/src/Containers/NetworkTableContainer.jsx
index 72e1313..5de49fa 100644
--- a/src/Containers/NetworkTableContainer.jsx
+++ b/src/Containers/NetworkTableContainer.jsx
@@ -27,7 +27,7 @@ const NetworkTableContainer = () => {
     if (ref?.current) {
       setTableBodyHeight(ref.current.clientHeight - TABLE_HEADER_HEIGHT);
     }
-  }, [ref]);
+  }, [ref, actualData]);
 
   if (error) {
     return (
diff --git a/src/Containers/ReqDetailContainer.styles.scss b/src/Containers/ReqDetailContainer.styles.scss
index ecf682c..a6147c5 100644
--- a/src/Containers/ReqDetailContainer.styles.scss
+++ b/src/Containers/ReqDetailContainer.styles.scss
@@ -66,5 +66,6 @@ $tab-height: 35px;
     padding: $size-s $size-m;
     height: calc(100% - #{$tab-height});
     overflow: auto;
+    outline: none;
   }
 }
diff --git a/src/constants.js b/src/constants.js
index 3401fc1..d4e551e 100644
--- a/src/constants.js
+++ b/src/constants.js
@@ -227,14 +227,15 @@ export const TIMINGS = {
 };
 
 export const TIME_CHART_SVG_PROPS = {
-  viewBox: '0 0 250 20',
+  height: '15',
+  viewBox: '0 0 200 20',
   version: '1.1',
   preserveAspectRatio: 'xMinYMin meet',
 };
 
 export const TIME_CHART_DEFAULT_PROPS = {
-  height: 16,
-  y: 3.5,
+  height: 30,
+  y: 0,
 };
 
 export const ROW_ID_PREFIX = 'network-viewer-table-row-';
@@ -293,6 +294,7 @@ export const NETWORK_VIEWER_DEFAULT_OPTIONS = {
   showPauseResume: false,
   showTimeline: false,
   showWaterfall: true,
+  enableAutoScroll: false,
 };
 
 export const PAYLOAD_CAPTIONS = Object.freeze({
diff --git a/src/hooks/useResizeObserver.js b/src/hooks/useResizeObserver.js
index 6056805..3d6b978 100644
--- a/src/hooks/useResizeObserver.js
+++ b/src/hooks/useResizeObserver.js
@@ -8,25 +8,23 @@ export const useResizeObserver = (elementRef) => {
     height: 0,
   });
   useEffect(() => {
-    const element = elementRef.current;
-
     const onResize = () => {
-      if (element._outerRef) {
+      if (elementRef) {
         setElementDims({
-          width: element._outerRef.clientWidth,
-          height: element._outerRef.clientHeight,
+          width: elementRef.clientWidth,
+          height: elementRef.clientHeight,
         });
       }
     };
     const resizeObserver = new ResizeObserver(onResize);
 
-    if (element._outerRef) {
-      resizeObserver.observe(element._outerRef);
+    if (elementRef) {
+      resizeObserver.observe(elementRef);
     }
 
     return () => {
-      if (element._outerRef) {
-        resizeObserver.unobserve(element._outerRef);
+      if (elementRef) {
+        resizeObserver.unobserve(elementRef);
       }
     };
   }, [elementRef]);
diff --git a/src/icons/IconCheckMark.jsx b/src/icons/IconCheckMark.jsx
new file mode 100644
index 0000000..ec0a113
--- /dev/null
+++ b/src/icons/IconCheckMark.jsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const IconCheckMark = ({ className }) => (
+  <svg
+    className={className}
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      clipRule="evenodd"
+      d="M23.5789 2.30868C24.0956 2.75821 24.1435 3.53404 23.6857 4.04153L7.48717 22L0.313554 14.0321C-0.143724 13.5242 -0.0951526 12.7485 0.42204 12.2994C0.939233 11.8503 1.7292 11.898 2.18648 12.4059L7.48892 18.2954L21.8143 2.41361C22.2721 1.90612 23.0621 1.85914 23.5789 2.30868Z"
+      fillRule="evenodd"
+    />
+  </svg>
+);
+
+IconCheckMark.propTypes = {
+  className: PropTypes.string,
+};
+
+IconCheckMark.defaultProps = {
+  className: '',
+};
+
+export default IconCheckMark;
diff --git a/src/icons/IconCopy.jsx b/src/icons/IconCopy.jsx
new file mode 100644
index 0000000..60d8c3f
--- /dev/null
+++ b/src/icons/IconCopy.jsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const IconCopy = ({ className }) => (
+  <svg
+    className={className}
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      clipRule="evenodd"
+      d="M14.5 0C15.3284 0 16 0.671573 16 1.5V4H22C23.1046 4 24 4.89543 24 6V22C24 23.1046 23.1046 24 22 24H10C8.89543 24 8 23.1046 8 22V20H1.5C0.671572 20 0 19.3284 0 18.5V5.34711C0 4.93755 0.167468 4.5458 0.463528 4.2628L4.4882 0.415691C4.76731 0.148892 5.13856 0 5.52467 0H14.5ZM22 6V22H10V11.2H14.9999C15.2652 11.2 15.5195 11.0946 15.707 10.9071C15.8946 10.7195 15.9999 10.4652 15.9999 10.2V6H22ZM13.9999 6H13.7252L10.3775 9.19997H13.9999V6Z"
+      fillRule="evenodd"
+    />
+  </svg>
+);
+
+IconCopy.propTypes = {
+  className: PropTypes.string,
+};
+
+IconCopy.defaultProps = {
+  className: '',
+};
+
+export default IconCopy;
diff --git a/src/state/network/reducer.js b/src/state/network/reducer.js
index 3d8a0b2..570575e 100644
--- a/src/state/network/reducer.js
+++ b/src/state/network/reducer.js
@@ -30,6 +30,7 @@ const initialState = new Map({
   showReqDetail: false,
   reqDetail: null,
   tableHeaderWidth: '100%',
+  numberOfNewEntries: 0,
 });
 
 const reducer = (state = initialState, {
@@ -58,11 +59,15 @@ const reducer = (state = initialState, {
           search: state.get('search'),
         });
 
+        const prevData = state.get('data');
+        const numberOfNewEntries = filteredData.size - prevData.size;
+
         newState
           .set('error', null)
           .set('rawData', payload)
           .set('data', filteredData)
           .set('actualData', sortedData)
+          .set('numberOfNewEntries', numberOfNewEntries)
           .set('totalNetworkTime', totalNetworkTime)
           .set('dataSummary', new Map({
             totalRequests,
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 852e0f7..2c602b7 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -80,6 +80,7 @@ $size-xxxl: $size-base * 11; // 44px;
 //  2x      8       24      32      40      56      72      88
 
 $filter-button-height: 26px;
+$table-column-min-width: 60px;
 
 $xs: 480px;
 $grid-sm: 576px;
diff --git a/tests/__tests__/Components/Filters/__snapshots__/Search.spec.jsx.snap b/tests/__tests__/Components/Filters/__snapshots__/Search.spec.jsx.snap
index 783073f..43021b8 100644
--- a/tests/__tests__/Components/Filters/__snapshots__/Search.spec.jsx.snap
+++ b/tests/__tests__/Components/Filters/__snapshots__/Search.spec.jsx.snap
@@ -26,6 +26,7 @@ exports[`Search renders without crashing 1`] = `
       "tableHeaderWidth": "100%",
       "selectedReqIndex": null,
       "reqDetail": null,
+      "numberOfNewEntries": 0,
       "showReqDetail": false,
       "typeFilter": Object {
         "name": null,
diff --git a/tests/__tests__/Components/Import/__snapshots__/ImportHar.spec.jsx.snap b/tests/__tests__/Components/Import/__snapshots__/ImportHar.spec.jsx.snap
index f70a622..78d23d7 100644
--- a/tests/__tests__/Components/Import/__snapshots__/ImportHar.spec.jsx.snap
+++ b/tests/__tests__/Components/Import/__snapshots__/ImportHar.spec.jsx.snap
@@ -26,6 +26,7 @@ exports[`ImportHAR renders without crashing 1`] = `
       "tableHeaderWidth": "100%",
       "selectedReqIndex": null,
       "reqDetail": null,
+      "numberOfNewEntries": 0,
       "showReqDetail": false,
       "typeFilter": Object {
         "name": null,
diff --git a/tests/__tests__/Components/NetworkTable/__snapshots__/NetworkTableHeader.spec.jsx.snap b/tests/__tests__/Components/NetworkTable/__snapshots__/NetworkTableHeader.spec.jsx.snap
index f8c72e8..9a55283 100644
--- a/tests/__tests__/Components/NetworkTable/__snapshots__/NetworkTableHeader.spec.jsx.snap
+++ b/tests/__tests__/Components/NetworkTable/__snapshots__/NetworkTableHeader.spec.jsx.snap
@@ -26,6 +26,7 @@ exports[`NetworkTableHeader renders without crashing 1`] = `
       "tableHeaderWidth": "100%",
       "selectedReqIndex": null,
       "reqDetail": null,
+      "numberOfNewEntries": 0,
       "showReqDetail": false,
       "typeFilter": Object {
         "name": null,
diff --git a/tests/__tests__/Components/NetworkTable/__snapshots__/NetworkTableRow.spec.jsx.snap b/tests/__tests__/Components/NetworkTable/__snapshots__/NetworkTableRow.spec.jsx.snap
index 256bb7e..4776383 100644
--- a/tests/__tests__/Components/NetworkTable/__snapshots__/NetworkTableRow.spec.jsx.snap
+++ b/tests/__tests__/Components/NetworkTable/__snapshots__/NetworkTableRow.spec.jsx.snap
@@ -26,6 +26,7 @@ exports[`NetworkTableRow renders without crashing 1`] = `
       "tableHeaderWidth": "100%",
       "selectedReqIndex": null,
       "reqDetail": null,
+      "numberOfNewEntries": 0,
       "showReqDetail": false,
       "typeFilter": Object {
         "name": null,
diff --git a/tests/__tests__/Components/ReqDetail/__snapshots__/Headers.spec.jsx.snap b/tests/__tests__/Components/ReqDetail/__snapshots__/Headers.spec.jsx.snap
index 7ad0cf3..49818fc 100644
--- a/tests/__tests__/Components/ReqDetail/__snapshots__/Headers.spec.jsx.snap
+++ b/tests/__tests__/Components/ReqDetail/__snapshots__/Headers.spec.jsx.snap
@@ -140,7 +140,7 @@ exports[`Headers renders without crashing 1`] = `
         </HeaderTitle>
         <ChildComponent>
           <div>
-            <p
+            <div
               key="url"
             >
               <span>
@@ -149,8 +149,8 @@ exports[`Headers renders without crashing 1`] = `
               <span>
                 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice
               </span>
-            </p>
-            <p
+            </div>
+            <div
               key="method"
             >
               <span>
@@ -159,8 +159,8 @@ exports[`Headers renders without crashing 1`] = `
               <span>
                 GET
               </span>
-            </p>
-            <p
+            </div>
+            <div
               key="status"
             >
               <span>
@@ -169,8 +169,8 @@ exports[`Headers renders without crashing 1`] = `
               <span>
                 200
               </span>
-            </p>
-            <p
+            </div>
+            <div
               key="serverIPAddress"
             >
               <span>
@@ -179,7 +179,7 @@ exports[`Headers renders without crashing 1`] = `
               <span>
                 :80
               </span>
-            </p>
+            </div>
           </div>
         </ChildComponent>
       </div>
diff --git a/tests/__tests__/Components/ReqDetail/__snapshots__/Response.spec.jsx.snap b/tests/__tests__/Components/ReqDetail/__snapshots__/Response.spec.jsx.snap
index ec17a81..15d47f3 100644
--- a/tests/__tests__/Components/ReqDetail/__snapshots__/Response.spec.jsx.snap
+++ b/tests/__tests__/Components/ReqDetail/__snapshots__/Response.spec.jsx.snap
@@ -2,9 +2,14 @@
 
 exports[`Response renders without crashing for content 1`] = `
 <div>
-  <pre>
+  <div>
+    <CopyAllButton
+      text="{\\"foo\\": \\"bar\\"}"
+    />
+  </div>
+  <span>
     {"foo": "bar"}
-  </pre>
+  </span>
 </div>
 `;
 
diff --git a/tests/__tests__/Components/ReqDetail/headers/__snapshots__/General.spec.jsx.snap b/tests/__tests__/Components/ReqDetail/headers/__snapshots__/General.spec.jsx.snap
index 4c33c69..bac1972 100644
--- a/tests/__tests__/Components/ReqDetail/headers/__snapshots__/General.spec.jsx.snap
+++ b/tests/__tests__/Components/ReqDetail/headers/__snapshots__/General.spec.jsx.snap
@@ -2,23 +2,23 @@
 
 exports[`General renders intercept error 1`] = `
 <div>
-  <p
+  <div
     key="url"
   >
     <span>
       Request URL:
     </span>
     <span />
-  </p>
-  <p
+  </div>
+  <div
     key="method"
   >
     <span>
       Request Method:
     </span>
     <span />
-  </p>
-  <p
+  </div>
+  <div
     key="status"
   >
     <span>
@@ -27,51 +27,51 @@ exports[`General renders intercept error 1`] = `
     <span>
       ERR_TIMED_OUT
     </span>
-  </p>
-  <p
+  </div>
+  <div
     key="serverIPAddress"
   >
     <span>
       Remote Address:
     </span>
     <span />
-  </p>
+  </div>
 </div>
 `;
 
 exports[`General renders without crashing 1`] = `
 <div>
-  <p
+  <div
     key="url"
   >
     <span>
       Request URL:
     </span>
     <span />
-  </p>
-  <p
+  </div>
+  <div
     key="method"
   >
     <span>
       Request Method:
     </span>
     <span />
-  </p>
-  <p
+  </div>
+  <div
     key="status"
   >
     <span>
       Status Code:
     </span>
     <span />
-  </p>
-  <p
+  </div>
+  <div
     key="serverIPAddress"
   >
     <span>
       Remote Address:
     </span>
     <span />
-  </p>
+  </div>
 </div>
 `;
diff --git a/tests/__tests__/Containers/__snapshots__/FilterContainer.spec.jsx.snap b/tests/__tests__/Containers/__snapshots__/FilterContainer.spec.jsx.snap
index 5a49aca..e570f47 100644
--- a/tests/__tests__/Containers/__snapshots__/FilterContainer.spec.jsx.snap
+++ b/tests/__tests__/Containers/__snapshots__/FilterContainer.spec.jsx.snap
@@ -26,6 +26,7 @@ exports[`FilterContainer renders without crashing 1`] = `
       "tableHeaderWidth": "100%",
       "selectedReqIndex": null,
       "reqDetail": null,
+      "numberOfNewEntries": 0,
       "showReqDetail": false,
       "typeFilter": Object {
         "name": null,
diff --git a/tests/__tests__/Containers/__snapshots__/MainContainer.spec.jsx.snap b/tests/__tests__/Containers/__snapshots__/MainContainer.spec.jsx.snap
index c4c850d..900667c 100644
--- a/tests/__tests__/Containers/__snapshots__/MainContainer.spec.jsx.snap
+++ b/tests/__tests__/Containers/__snapshots__/MainContainer.spec.jsx.snap
@@ -26,6 +26,7 @@ exports[`MainContainer renders without crashing 1`] = `
       "tableHeaderWidth": "100%",
       "selectedReqIndex": null,
       "reqDetail": null,
+      "numberOfNewEntries": 0,
       "showReqDetail": false,
       "typeFilter": Object {
         "name": null,
diff --git a/tests/__tests__/Containers/__snapshots__/NetworkTableContainer.spec.jsx.snap b/tests/__tests__/Containers/__snapshots__/NetworkTableContainer.spec.jsx.snap
index fa951a8..b9ec071 100644
--- a/tests/__tests__/Containers/__snapshots__/NetworkTableContainer.spec.jsx.snap
+++ b/tests/__tests__/Containers/__snapshots__/NetworkTableContainer.spec.jsx.snap
@@ -26,6 +26,7 @@ exports[`NetworkTableContainer renders without crashing 1`] = `
       "tableHeaderWidth": "100%",
       "selectedReqIndex": null,
       "reqDetail": null,
+      "numberOfNewEntries": 0,
       "showReqDetail": false,
       "typeFilter": Object {
         "name": null,
diff --git a/tests/__tests__/Containers/__snapshots__/ReqDetailContainer.spec.jsx.snap b/tests/__tests__/Containers/__snapshots__/ReqDetailContainer.spec.jsx.snap
index 2a0d3c3..042786a 100644
--- a/tests/__tests__/Containers/__snapshots__/ReqDetailContainer.spec.jsx.snap
+++ b/tests/__tests__/Containers/__snapshots__/ReqDetailContainer.spec.jsx.snap
@@ -26,6 +26,7 @@ exports[`ReqDetailContainer renders without crashing 1`] = `
       "tableHeaderWidth": "100%",
       "selectedReqIndex": null,
       "reqDetail": null,
+      "numberOfNewEntries": 0,
       "showReqDetail": false,
       "typeFilter": Object {
         "name": null,
diff --git a/tests/__tests__/Containers/__snapshots__/TimelineContainer.spec.jsx.snap b/tests/__tests__/Containers/__snapshots__/TimelineContainer.spec.jsx.snap
index 3011e5b..c7dd8be 100644
--- a/tests/__tests__/Containers/__snapshots__/TimelineContainer.spec.jsx.snap
+++ b/tests/__tests__/Containers/__snapshots__/TimelineContainer.spec.jsx.snap
@@ -26,6 +26,7 @@ exports[`TimelineContainer renders without crashing 1`] = `
       "tableHeaderWidth": "100%",
       "selectedReqIndex": null,
       "reqDetail": null,
+      "numberOfNewEntries": 0,
       "showReqDetail": false,
       "typeFilter": Object {
         "name": null,
diff --git a/tests/__tests__/__snapshots__/NetworkViewer.spec.jsx.snap b/tests/__tests__/__snapshots__/NetworkViewer.spec.jsx.snap
index ca283d4..d7c8e65 100644
--- a/tests/__tests__/__snapshots__/NetworkViewer.spec.jsx.snap
+++ b/tests/__tests__/__snapshots__/NetworkViewer.spec.jsx.snap
@@ -32,6 +32,7 @@ exports[`renders without crashing 1`] = `
           "tableHeaderWidth": "100%",
           "selectedReqIndex": null,
           "reqDetail": null,
+          "numberOfNewEntries": 0,
           "showReqDetail": false,
           "typeFilter": Object {
             "name": null,
diff --git a/tests/__tests__/state/__snapshots__/NetworkProvider.spec.jsx.snap b/tests/__tests__/state/__snapshots__/NetworkProvider.spec.jsx.snap
index 2985015..cca4d48 100644
--- a/tests/__tests__/state/__snapshots__/NetworkProvider.spec.jsx.snap
+++ b/tests/__tests__/state/__snapshots__/NetworkProvider.spec.jsx.snap
@@ -26,6 +26,7 @@ exports[`NetworkProvider renders without crashing 1`] = `
       "tableHeaderWidth": "100%",
       "selectedReqIndex": null,
       "reqDetail": null,
+      "numberOfNewEntries": 0,
       "showReqDetail": false,
       "typeFilter": Object {
         "name": null,
@@ -77,6 +78,7 @@ exports[`NetworkProvider renders without crashing 1`] = `
         "tableHeaderWidth": "100%",
         "selectedReqIndex": null,
         "reqDetail": null,
+        "numberOfNewEntries": 0,
         "showReqDetail": false,
         "typeFilter": Object {
           "name": null,