diff --git a/src/api/monitoringApplications-api.js b/src/api/monitoringApplications-api.js
index 74c34aa548..f911b4bcfc 100644
--- a/src/api/monitoringApplications-api.js
+++ b/src/api/monitoringApplications-api.js
@@ -20,19 +20,23 @@ such restriction.
 import { mainHttpClient } from '../httpClient'
 
 const monitoringApplications = {
-  getMEPWithDetections: (project, params) =>
+  getMEPWithDetections: (project, params, signal) =>
     mainHttpClient.get(`projects/${project}/model-monitoring/drift-over-time`, {
-      params
+      params,
+      signal
     }),
-  getMonitoringApplication: (project, functionName, params) =>
+  getMonitoringApplication: (project, functionName, params, signal) =>
     mainHttpClient.get(`projects/${project}/model-monitoring/function-summaries/${functionName}`, {
-      params
+      params,
+      signal
     }),
-  getMonitoringApplications: (project, params) =>
+  getMonitoringApplications: (project, params, signal) =>
     mainHttpClient.get(`projects/${project}/model-monitoring/function-summaries`, {
-      params
+      params,
+      signal
     }),
-  getMonitoringApplicationsSummary: project => mainHttpClient.get(`project-summaries/${project}`)
+  getMonitoringApplicationsSummary: (project, signal) =>
+    mainHttpClient.get(`project-summaries/${project}`, { signal })
 }
 
 export default monitoringApplications
diff --git a/src/components/AddToFeatureVectorPage/AddToFeatureVectorPage.jsx b/src/components/AddToFeatureVectorPage/AddToFeatureVectorPage.jsx
index 87a33c71cc..e1975f5039 100644
--- a/src/components/AddToFeatureVectorPage/AddToFeatureVectorPage.jsx
+++ b/src/components/AddToFeatureVectorPage/AddToFeatureVectorPage.jsx
@@ -179,6 +179,7 @@ const AddToFeatureVectorPage = () => {
 
   const fetchData = useCallback(
     async filters => {
+      abortControllerRef.current.abort(REQUEST_CANCELED)
       abortControllerRef.current = new AbortController()
 
       const cancelRequestTimeout = setTimeout(() => {
diff --git a/src/components/AddToFeatureVectorPage/AddToFeatureVectorView.jsx b/src/components/AddToFeatureVectorPage/AddToFeatureVectorView.jsx
index d9f0b89ecf..ad150741b1 100644
--- a/src/components/AddToFeatureVectorPage/AddToFeatureVectorView.jsx
+++ b/src/components/AddToFeatureVectorPage/AddToFeatureVectorView.jsx
@@ -76,7 +76,7 @@ const AddToFeatureVectorView = React.forwardRef(
               <AddToFeatureVectorFilters content={content} fetchTags={fetchTags} />
             </ActionBar>
           </div>
-          {(featureStore.loading || featureStore.features.loading) && <Loader />}
+          {(featureStore.loading || featureStore.features.loading) && <Loader overlay />}
           <div className="table-container">
             {featureStore.loading || featureStore.features.loading ? null : content.length === 0 ? (
               <NoData
diff --git a/src/components/Alerts/Alerts.jsx b/src/components/Alerts/Alerts.jsx
index e322cfd27b..4d91368cc5 100644
--- a/src/components/Alerts/Alerts.jsx
+++ b/src/components/Alerts/Alerts.jsx
@@ -161,7 +161,7 @@ const Alerts = () => {
               <AlertsFilters isAlertsPage isCrossProjects={isCrossProjects} />
             </ActionBar>
           </div>
-          {alertsStore.loading && <Loader />}
+          {alertsStore.loading && <Loader overlay />}
           {alertsStore.loading ? null : (
             <>
               <AlertsTable
diff --git a/src/components/ApplicationMetrics/ApplicationMetrics.jsx b/src/components/ApplicationMetrics/ApplicationMetrics.jsx
index dddc4941ab..9fae60caf8 100644
--- a/src/components/ApplicationMetrics/ApplicationMetrics.jsx
+++ b/src/components/ApplicationMetrics/ApplicationMetrics.jsx
@@ -79,7 +79,7 @@ const ApplicationMetrics = () => {
   const dispatch = useDispatch()
   const navigate = useNavigate()
   const params = useParams()
-  const abortControllerRef = useRef()
+  const abortControllerRef = useRef(new AbortController())
 
   const filteredEndpoints = useMemo(() => {
     return modelEndpoints.filter(modelEndpoint => {
@@ -121,6 +121,7 @@ const ApplicationMetrics = () => {
   )
 
   const fetchModelEndpointsData = useCallback(() => {
+    abortControllerRef.current.abort(REQUEST_CANCELED)
     abortControllerRef.current = new AbortController()
 
     dispatch(
@@ -271,7 +272,7 @@ const ApplicationMetrics = () => {
           <div className="list-view">
             {(artifactsStore.modelEndpoints.loading ||
               applicationsStore.loading ||
-              detailsStore.loadingCounter > 0) && <Loader />}
+              detailsStore.loadingCounter > 0) && <Loader overlay />}
             {artifactsStore.modelEndpoints.loading ||
             applicationsStore.loading ? null : modelEndpoints.length === 0 ? (
               <NoData message={requestErrorMessage || 'No model endpoints found'} />
diff --git a/src/components/ApplicationMetrics/ApplicationMetrics.scss b/src/components/ApplicationMetrics/ApplicationMetrics.scss
index 9d2340155b..14044073c7 100644
--- a/src/components/ApplicationMetrics/ApplicationMetrics.scss
+++ b/src/components/ApplicationMetrics/ApplicationMetrics.scss
@@ -23,6 +23,7 @@ $searchHeight: 75px;
   }
 
   .list-view {
+    position: relative;
     display: flex;
     gap: 20px;
     height: calc(100% - 60px);
diff --git a/src/components/Artifacts/Artifacts.jsx b/src/components/Artifacts/Artifacts.jsx
index 130da8b174..019cbcff1e 100644
--- a/src/components/Artifacts/Artifacts.jsx
+++ b/src/components/Artifacts/Artifacts.jsx
@@ -48,6 +48,7 @@ import { getFeatureVectorData } from '../ModelsPage/Models/models.util'
 import { getFilterTagOptions, setFilters } from '../../reducers/filtersReducer'
 import { getFiltersConfig } from './artifacts.util'
 import { getSavedSearchParams, transformSearchParams } from 'igz-controls/utils/filter.util'
+import { isRequestAborted } from '../../utils/isRequestAborted'
 import { openPopUp, getViewMode } from 'igz-controls/utils/common.util'
 import { setNotification } from 'igz-controls/reducers/notificationReducer'
 import { toggleYaml } from '../../reducers/appReducer'
@@ -136,6 +137,7 @@ const Artifacts = ({
 
   const fetchData = useCallback(
     async filters => {
+      abortControllerRef.current.abort(REQUEST_CANCELED)
       abortControllerRef.current = new AbortController()
 
       const requestParams = {
@@ -201,11 +203,13 @@ const Artifacts = ({
 
           return response
         })
-        .catch(() => {
-          if (isAllVersions) {
-            setArtifactVersions([])
-          } else {
-            setArtifacts([])
+        .catch(error => {
+          if (!isRequestAborted(error?.message)) {
+            if (isAllVersions) {
+              setArtifactVersions([])
+            } else {
+              setArtifacts([])
+            }
           }
         })
     },
@@ -213,6 +217,7 @@ const Artifacts = ({
   )
 
   const fetchTags = useCallback(() => {
+    tagAbortControllerRef.current.abort(REQUEST_CANCELED)
     tagAbortControllerRef.current = new AbortController()
 
     return dispatch(
diff --git a/src/components/Artifacts/ArtifactsTable.jsx b/src/components/Artifacts/ArtifactsTable.jsx
index d536e922bc..d7b1e22973 100644
--- a/src/components/Artifacts/ArtifactsTable.jsx
+++ b/src/components/Artifacts/ArtifactsTable.jsx
@@ -104,7 +104,9 @@ let ArtifactsTable = ({
         </ActionBar>
       </div>
       {renderPageTabs && renderHistoryBackLink()}
-      {artifactsStore.loading ? null : tableContent.length === 0 && isEmpty(selectedArtifact) ? (
+      {artifactsStore.loading ? (
+        <Loader section secondary />
+      ) : tableContent.length === 0 && isEmpty(selectedArtifact) ? (
         <NoData
           message={getNoDataMessage(
             filters,
@@ -117,7 +119,7 @@ let ArtifactsTable = ({
         />
       ) : (
         <>
-          {storeArtifactTypeLoading && <Loader />}
+          {storeArtifactTypeLoading && <Loader overlay />}
           <Table
             actionsMenu={actionsMenu}
             applyDetailsChanges={applyDetailsChanges}
diff --git a/src/components/Artifacts/ArtifactsView.jsx b/src/components/Artifacts/ArtifactsView.jsx
index 2168b061f7..304fb4a161 100644
--- a/src/components/Artifacts/ArtifactsView.jsx
+++ b/src/components/Artifacts/ArtifactsView.jsx
@@ -103,7 +103,6 @@ let ArtifactsView = React.forwardRef(
             <Breadcrumbs />
           </div>
           <div className="content">
-            {artifactsStore.loading && <Loader />}
             <ArtifactsTable
               actionButtons={actionButtons}
               actionsMenu={actionsMenu}
diff --git a/src/components/ArtifactsPreview/ArtifactsPreview.jsx b/src/components/ArtifactsPreview/ArtifactsPreview.jsx
index 619df17cf7..eaef7af7ef 100644
--- a/src/components/ArtifactsPreview/ArtifactsPreview.jsx
+++ b/src/components/ArtifactsPreview/ArtifactsPreview.jsx
@@ -31,7 +31,7 @@ const ArtifactsPreview = ({ className = '', noData, preview, popupButton }) => {
 
   return !noData && preview.length === 0 ? (
     <div className="loader-container">
-      <Loader />
+      <Loader overlay />
     </div>
   ) : noData ? (
     <NoData />
diff --git a/src/components/ConsumerGroup/ConsumerGroup.jsx b/src/components/ConsumerGroup/ConsumerGroup.jsx
index b9352dc127..3e471168ad 100644
--- a/src/components/ConsumerGroup/ConsumerGroup.jsx
+++ b/src/components/ConsumerGroup/ConsumerGroup.jsx
@@ -174,7 +174,7 @@ const ConsumerGroup = () => {
             )}
           />
         )}
-      {(nuclioStore.v3ioStreams.loading || nuclioStore.v3ioStreamShardLags.loading) && <Loader />}
+      {(nuclioStore.v3ioStreams.loading || nuclioStore.v3ioStreamShardLags.loading) && <Loader overlay />}
     </>
   )
 }
diff --git a/src/components/ConsumerGroups/ConsumerGroups.jsx b/src/components/ConsumerGroups/ConsumerGroups.jsx
index 099c79b4a9..561c9761ec 100644
--- a/src/components/ConsumerGroups/ConsumerGroups.jsx
+++ b/src/components/ConsumerGroups/ConsumerGroups.jsx
@@ -113,7 +113,7 @@ const ConsumerGroups = () => {
           )}
         />
       )}
-      {nuclioStore.v3ioStreams.loading && <Loader />}
+      {nuclioStore.v3ioStreams.loading && <Loader overlay />}
     </>
   )
 }
diff --git a/src/components/FeatureSetsPanel/FeatureSetsPanelView.jsx b/src/components/FeatureSetsPanel/FeatureSetsPanelView.jsx
index ef542f1ca9..4c69aba53f 100644
--- a/src/components/FeatureSetsPanel/FeatureSetsPanelView.jsx
+++ b/src/components/FeatureSetsPanel/FeatureSetsPanelView.jsx
@@ -60,7 +60,7 @@ const FeatureSetsPanelView = ({
   return (
     <div className="new-item-side-panel-container">
       <div className="feature-set-panel new-item-side-panel">
-        {loading && <Loader />}
+        {loading && <Loader overlay />}
         {confirmDialog && (
           <ConfirmDialog
             closePopUp={() => setConfirmDialog(null)}
diff --git a/src/components/FeatureStore/FeatureSets/FeatureSets.jsx b/src/components/FeatureStore/FeatureSets/FeatureSets.jsx
index aad67d730d..49d1246921 100644
--- a/src/components/FeatureStore/FeatureSets/FeatureSets.jsx
+++ b/src/components/FeatureStore/FeatureSets/FeatureSets.jsx
@@ -117,6 +117,7 @@ const FeatureSets = () => {
 
   const fetchData = useCallback(
     filters => {
+      abortControllerRef.current.abort(REQUEST_CANCELED)
       abortControllerRef.current = new AbortController()
 
       const config = {
@@ -145,6 +146,7 @@ const FeatureSets = () => {
   )
 
   const fetchTags = useCallback(() => {
+    tagAbortControllerRef.current.abort(REQUEST_CANCELED)
     tagAbortControllerRef.current = new AbortController()
 
     return dispatch(
diff --git a/src/components/FeatureStore/FeatureSets/FeatureSetsView.jsx b/src/components/FeatureStore/FeatureSets/FeatureSetsView.jsx
index 8609613980..9a2d9493d7 100644
--- a/src/components/FeatureStore/FeatureSets/FeatureSetsView.jsx
+++ b/src/components/FeatureStore/FeatureSets/FeatureSetsView.jsx
@@ -92,7 +92,9 @@ const FeatureSetsView = React.forwardRef(
             <FeatureStoreFilters content={featureSets} />
           </ActionBar>
         </div>
-        {featureStore.loading ? null : featureSets.length === 0 ? (
+        {featureStore.loading ? (
+          <Loader section secondary />
+        ) : featureSets.length === 0 ? (
           <NoData
             message={getNoDataMessage(
               filters,
@@ -106,7 +108,7 @@ const FeatureSetsView = React.forwardRef(
           />
         ) : (
           <>
-            {(selectedRowData.loading || featureStore.featureSets.featureSetLoading) && <Loader />}
+            {(selectedRowData.loading || featureStore.featureSets.featureSetLoading) && <Loader overlay />}
             <Table
               actionsMenu={actionsMenu}
               applyDetailsChanges={applyDetailsChanges}
diff --git a/src/components/FeatureStore/FeatureStore.jsx b/src/components/FeatureStore/FeatureStore.jsx
index 753179f93a..afbab5df36 100644
--- a/src/components/FeatureStore/FeatureStore.jsx
+++ b/src/components/FeatureStore/FeatureStore.jsx
@@ -22,7 +22,7 @@ import { Outlet } from 'react-router-dom'
 import { useDispatch, useSelector } from 'react-redux'
 
 import Breadcrumbs from '../../common/Breadcrumbs/Breadcrumbs'
-import { ConfirmDialog, Loader } from 'igz-controls/components'
+import { ConfirmDialog } from 'igz-controls/components'
 
 import { TABLE_CONTAINER } from '../../constants'
 import { toggleYaml } from '../../reducers/appReducer'
@@ -65,9 +65,6 @@ const FeatureStore = () => {
             >
               <Outlet />
             </FeatureStoreContext.Provider>
-            {(featureStore.loading ||
-              featureStore.entities.loading ||
-              featureStore.features.loading) && <Loader />}
           </div>
         </div>
       </div>
diff --git a/src/components/FeatureStore/FeatureVectors/FeatureVectors.jsx b/src/components/FeatureStore/FeatureVectors/FeatureVectors.jsx
index 3ce68e58d0..c284ca5077 100644
--- a/src/components/FeatureStore/FeatureVectors/FeatureVectors.jsx
+++ b/src/components/FeatureStore/FeatureVectors/FeatureVectors.jsx
@@ -118,6 +118,7 @@ const FeatureVectors = () => {
 
   const fetchData = useCallback(
     filters => {
+      abortControllerRef.current.abort(REQUEST_CANCELED)
       abortControllerRef.current = new AbortController()
 
       const config = {
@@ -143,6 +144,7 @@ const FeatureVectors = () => {
   )
 
   const fetchTags = useCallback(() => {
+    tagAbortControllerRef.current.abort(REQUEST_CANCELED)
     tagAbortControllerRef.current = new AbortController()
 
     return dispatch(
diff --git a/src/components/FeatureStore/FeatureVectors/FeatureVectorsView.jsx b/src/components/FeatureStore/FeatureVectors/FeatureVectorsView.jsx
index 127a5cbf8e..f1df07957e 100644
--- a/src/components/FeatureStore/FeatureVectors/FeatureVectorsView.jsx
+++ b/src/components/FeatureStore/FeatureVectors/FeatureVectorsView.jsx
@@ -18,6 +18,7 @@ under the Apache 2.0 license is conditioned upon your compliance with
 such restriction.
 */
 import React from 'react'
+import { Loader } from 'igz-controls/components'
 import PropTypes from 'prop-types'
 
 import ActionBar from '../../ActionBar/ActionBar'
@@ -86,7 +87,9 @@ const FeatureVectorsView = React.forwardRef(
             <FeatureStoreFilters content={featureVectors} />
           </ActionBar>
         </div>
-        {featureStore.loading ? null : featureVectors.length === 0 ? (
+        {featureStore.loading ? (
+          <Loader section secondary />
+        ) : featureVectors.length === 0 ? (
           <NoData
             message={getNoDataMessage(
               filters,
diff --git a/src/components/FeatureStore/Features/Features.jsx b/src/components/FeatureStore/Features/Features.jsx
index b0559c3568..17011915d4 100644
--- a/src/components/FeatureStore/Features/Features.jsx
+++ b/src/components/FeatureStore/Features/Features.jsx
@@ -120,6 +120,7 @@ const Features = () => {
 
   const fetchData = useCallback(
     filters => {
+      abortControllerRef.current.abort(REQUEST_CANCELED)
       abortControllerRef.current = new AbortController()
 
       const cancelRequestTimeout = setTimeout(() => {
@@ -163,6 +164,7 @@ const Features = () => {
   )
 
   const fetchTags = useCallback(() => {
+    tagAbortControllerRef.current.abort(REQUEST_CANCELED)
     tagAbortControllerRef.current = new AbortController()
 
     return dispatch(
diff --git a/src/components/FeatureStore/Features/FeaturesView.jsx b/src/components/FeatureStore/Features/FeaturesView.jsx
index f1df3f8c2e..1aaaa71f80 100644
--- a/src/components/FeatureStore/Features/FeaturesView.jsx
+++ b/src/components/FeatureStore/Features/FeaturesView.jsx
@@ -26,6 +26,7 @@ import FeatureStorePageTabs from '../FeatureStorePageTabs/FeatureStorePageTabs'
 import FeatureStoreTableRow from '../../../elements/FeatureStoreTableRow/FeatureStoreTableRow'
 import NoData from '../../../common/NoData/NoData'
 import Table from '../../Table/Table'
+import { Loader } from 'igz-controls/components'
 
 import { FEATURE_STORE_PAGE, FEATURES_TAB } from '../../../constants'
 import { PRIMARY_BUTTON } from 'igz-controls/constants'
@@ -81,7 +82,9 @@ const FeaturesView = React.forwardRef(
             <FeatureStoreFilters content={features} />
           </ActionBar>
         </div>
-        {featureStore.features.loading || featureStore.entities.loading ? null : features.length ===
+        {featureStore.features.loading || featureStore.entities.loading ? (
+          <Loader section secondary />
+        ) : features.length ===
           0 ? (
           <NoData
             message={getNoDataMessage(
diff --git a/src/components/FunctionsPage/Functions.jsx b/src/components/FunctionsPage/Functions.jsx
index 19ebe69555..0465fc4a5a 100644
--- a/src/components/FunctionsPage/Functions.jsx
+++ b/src/components/FunctionsPage/Functions.jsx
@@ -46,6 +46,7 @@ import {
   generateFunctionsPageData,
   pollDeletingFunctions
 } from './functions.util'
+import { isRequestAborted } from '../../utils/isRequestAborted'
 import {
   ANY_TIME_DATE_OPTION,
   datePickerPastOptions,
@@ -156,6 +157,7 @@ const Functions = ({ isAllVersions = false }) => {
   const fetchData = useCallback(
     filters => {
       terminateDeleteTasksPolling()
+      abortControllerRef.current.abort(REQUEST_CANCELED)
       abortControllerRef.current = new AbortController()
       const requestParams = {
         format: 'minimal',
@@ -237,8 +239,10 @@ const Functions = ({ isAllVersions = false }) => {
             resetFunctions([])
           }
         })
-        .catch(() => {
-          resetFunctions([])
+        .catch(error => {
+          if (!isRequestAborted(error?.message)) {
+            resetFunctions([])
+          }
         })
     },
     [
diff --git a/src/components/FunctionsPage/FunctionsView.jsx b/src/components/FunctionsPage/FunctionsView.jsx
index f058f7abe1..40d4963e46 100644
--- a/src/components/FunctionsPage/FunctionsView.jsx
+++ b/src/components/FunctionsPage/FunctionsView.jsx
@@ -113,7 +113,7 @@ const FunctionsView = ({
               </ActionBar>
             </div>
             {functionsStore.loading ? (
-              <Loader />
+              <Loader overlay />
             ) : tableContent.length === 0 && isEmpty(selectedFunction) ? (
               <NoData
                 message={getNoDataMessage(
@@ -127,7 +127,7 @@ const FunctionsView = ({
               />
             ) : (
               <>
-                {functionsStore.funcLoading && <Loader />}
+                {functionsStore.funcLoading && <Loader overlay />}
                 <Table
                   actionsMenu={actionsMenu}
                   detailsFormInitialValues={detailsFormInitialValues}
diff --git a/src/components/FunctionsPageOld/FunctionsOld.jsx b/src/components/FunctionsPageOld/FunctionsOld.jsx
index b56b64d580..9a7eacf93a 100644
--- a/src/components/FunctionsPageOld/FunctionsOld.jsx
+++ b/src/components/FunctionsPageOld/FunctionsOld.jsx
@@ -45,6 +45,7 @@ import {
   searchFunctionItem,
   setFullSelectedFunction
 } from './functionsOld.util'
+import { isRequestAborted } from '../../utils/isRequestAborted'
 import {
   datePickerPastOptions,
   getDatePickerFilterValue,
@@ -137,6 +138,7 @@ const Functions = () => {
   const fetchData = useCallback(
     (filters, filtersAreHandled = false) => {
       terminateDeleteTasksPolling()
+      abortControllerRef.current.abort(REQUEST_CANCELED)
       abortControllerRef.current = new AbortController()
       setFunctions([])
 
@@ -201,8 +203,10 @@ const Functions = () => {
             }
           }
         })
-        .catch(() => {
-          setFunctions([])
+        .catch(error => {
+          if (!isRequestAborted(error?.message)) {
+            setFunctions([])
+          }
         })
     },
     [
diff --git a/src/components/FunctionsPageOld/FunctionsViewOld.jsx b/src/components/FunctionsPageOld/FunctionsViewOld.jsx
index d29cb7f2ab..375c16415b 100644
--- a/src/components/FunctionsPageOld/FunctionsViewOld.jsx
+++ b/src/components/FunctionsPageOld/FunctionsViewOld.jsx
@@ -105,7 +105,7 @@ const FunctionsViewOld = ({
               </ActionBar>
             </div>
             {functionsStore.loading ? (
-              <Loader />
+              <Loader overlay />
             ) : functions.length === 0 ? (
               <NoData
                 message={getNoDataMessage(
@@ -119,7 +119,7 @@ const FunctionsViewOld = ({
               />
             ) : (
               <>
-                {functionsStore.funcLoading && <Loader />}
+                {functionsStore.funcLoading && <Loader overlay />}
                 <Table
                   actionsMenu={actionsMenu}
                   handleCancel={handleCancel}
diff --git a/src/components/FunctionsPanel/FunctionsPanelView.jsx b/src/components/FunctionsPanel/FunctionsPanelView.jsx
index eb837730c2..3a2eb8abfd 100644
--- a/src/components/FunctionsPanel/FunctionsPanelView.jsx
+++ b/src/components/FunctionsPanel/FunctionsPanelView.jsx
@@ -86,7 +86,7 @@ const FunctionsPanelView = ({
       )}
       <div className="new-item-side-panel-container">
         <div className="functions-panel new-item-side-panel">
-          {loading && <Loader />}
+          {loading && <Loader overlay />}
           <FunctionsPanelTitle closePanel={closePanel} />
           <div className="new-item-side-panel__body">
             <Accordion
diff --git a/src/components/JobWizard/JobWizard.jsx b/src/components/JobWizard/JobWizard.jsx
index 779234c451..c3bdecdf05 100644
--- a/src/components/JobWizard/JobWizard.jsx
+++ b/src/components/JobWizard/JobWizard.jsx
@@ -547,7 +547,7 @@ const JobWizard = ({
               functionsStore.funcLoading ||
               jobsStore.loading ||
               Boolean(jobsStore.jobLoadingCounter) ||
-              projectIsLoading) && <Loader />}
+              projectIsLoading) && <Loader overlay />}
           </>
         )
       }}
diff --git a/src/components/Jobs/Jobs.jsx b/src/components/Jobs/Jobs.jsx
index ee7fb31042..14f76eaa4d 100644
--- a/src/components/Jobs/Jobs.jsx
+++ b/src/components/Jobs/Jobs.jsx
@@ -312,7 +312,7 @@ const Jobs = () => {
               </JobsContext.Provider>
               {(Boolean(jobsStore.jobLoadingCounter) ||
                 workflowsStore.activeWorkflow.loading ||
-                functionsStore.funcLoading) && <Loader />}
+                functionsStore.funcLoading) && <Loader overlay />}
             </div>
           </div>
         )}
diff --git a/src/components/ModelsPage/ModelEndpoints/ModelEndpoints.jsx b/src/components/ModelsPage/ModelEndpoints/ModelEndpoints.jsx
index 92eece364b..afe1c3ea9a 100644
--- a/src/components/ModelsPage/ModelEndpoints/ModelEndpoints.jsx
+++ b/src/components/ModelsPage/ModelEndpoints/ModelEndpoints.jsx
@@ -25,6 +25,7 @@ import ModelEndpointsTable from './ModelEndpointsTable'
 
 import { fetchModelEndpoints } from '../../../reducers/artifactsReducer'
 import { filtersConfig } from './modelEndpoints.util'
+import { REQUEST_CANCELED } from '../../../constants'
 import { useFiltersFromSearchParams } from '../../../hooks/useFiltersFromSearchParams.hook'
 
 const ModelEndpoints = () => {
@@ -37,6 +38,7 @@ const ModelEndpoints = () => {
 
   const fetchEndpoints = useCallback(
     filters => {
+      abortControllerRef.current.abort(REQUEST_CANCELED)
       abortControllerRef.current = new AbortController()
 
       return dispatch(
diff --git a/src/components/ModelsPage/ModelEndpoints/ModelEndpointsTable.jsx b/src/components/ModelsPage/ModelEndpoints/ModelEndpointsTable.jsx
index 8d15dd38e8..c7a1797fa9 100644
--- a/src/components/ModelsPage/ModelEndpoints/ModelEndpointsTable.jsx
+++ b/src/components/ModelsPage/ModelEndpoints/ModelEndpointsTable.jsx
@@ -124,6 +124,7 @@ const ModelEndpointsTable = React.forwardRef(
 
     const fetchData = useCallback(
       filters => {
+        ref.current.abort(REQUEST_CANCELED)
         ref.current = new AbortController()
 
         fetchEndpoints(filters)
@@ -276,8 +277,6 @@ const ModelEndpointsTable = React.forwardRef(
 
     return (
       <>
-        {(artifactsStore.modelEndpoints.modelEndpointLoading ||
-          artifactsStore.modelEndpoints.loading) && <Loader />}
         <div className="models" ref={modelEndpointsRef}>
           <div className="table-container">
             <div className="content__action-bar-wrapper">
@@ -297,7 +296,9 @@ const ModelEndpointsTable = React.forwardRef(
                 <ModelEndpointsFilters isDetails={isDetails} />
               </ActionBar>
             </div>
-            {artifactsStore.modelEndpoints.loading ? null : modelEndpoints.length === 0 ? (
+            {artifactsStore.modelEndpoints.loading ? (
+              <Loader section secondary />
+            ) : modelEndpoints.length === 0 ? (
               <NoData
                 message={getNoDataMessage(
                   filters,
@@ -310,6 +311,8 @@ const ModelEndpointsTable = React.forwardRef(
               />
             ) : (
               <>
+                {(artifactsStore.modelEndpoints.modelEndpointLoading ||
+                  artifactsStore.modelEndpoints.loading) && <Loader overlay />}
                 <Table
                   actionsMenu={actionsMenu}
                   pageData={pageData}
diff --git a/src/components/ModelsPage/ModelsPage.jsx b/src/components/ModelsPage/ModelsPage.jsx
index d1d2233fed..d89241a930 100644
--- a/src/components/ModelsPage/ModelsPage.jsx
+++ b/src/components/ModelsPage/ModelsPage.jsx
@@ -39,7 +39,6 @@ const ModelsPage = () => {
           <Breadcrumbs />
         </div>
         <div className="content">
-          {artifactsStore.loading && <Loader />}
           <div className="table-container">
             <Outlet />
           </div>
diff --git a/src/components/ModelsPage/RealTimePipelines/RealTimePipelines.jsx b/src/components/ModelsPage/RealTimePipelines/RealTimePipelines.jsx
index 8e262ce2f2..7bd451034b 100644
--- a/src/components/ModelsPage/RealTimePipelines/RealTimePipelines.jsx
+++ b/src/components/ModelsPage/RealTimePipelines/RealTimePipelines.jsx
@@ -298,7 +298,6 @@ const RealTimePipelines = () => {
 
   return (
     <>
-      {isLoading && <Loader />}
       <div className="models" ref={pipelinesRef}>
         <div className="table-container">
           <div className={filterMenuClassNames}>
@@ -335,7 +334,9 @@ const RealTimePipelines = () => {
                 <span>All Serving Pipelines</span>
                 <Tip text="This data is relevant to the root function" />
               </div>
-              {isLoading ? null : pipelines.length === 0 ? (
+              {isLoading ? (
+                <Loader overlay />
+              ) : pipelines.length === 0 ? (
                 <NoData
                   message={getNoDataMessage(
                     filters,
@@ -369,7 +370,7 @@ const RealTimePipelines = () => {
                         )
                     )}
                   </Table>
-                  {isPipelineLoading && <Loader />}
+                  {isPipelineLoading && <Loader overlay />}
                   {!isEmpty(selectedPipelineWithChildren) && (
                     <Details
                       actionsMenu={actionsMenu}
diff --git a/src/components/ModelsPage/RealTimePipelines/realTimePipelines.scss b/src/components/ModelsPage/RealTimePipelines/realTimePipelines.scss
index 6c5ec739fc..d550a011bb 100644
--- a/src/components/ModelsPage/RealTimePipelines/realTimePipelines.scss
+++ b/src/components/ModelsPage/RealTimePipelines/realTimePipelines.scss
@@ -29,6 +29,7 @@ $pipelinesRowHeightExtended: variables.$rowHeight;
   }
 
   .real-time-pipelines__section-item {
+    position: relative;
     display: flex;
     flex-direction: column;
     padding: 20px;
diff --git a/src/components/MonitoringApplicationsPage/MonitoringApplicationsPage.jsx b/src/components/MonitoringApplicationsPage/MonitoringApplicationsPage.jsx
index 12e61c9919..fd1dc09df1 100644
--- a/src/components/MonitoringApplicationsPage/MonitoringApplicationsPage.jsx
+++ b/src/components/MonitoringApplicationsPage/MonitoringApplicationsPage.jsx
@@ -32,13 +32,18 @@ import {
   fetchMonitoringApplications,
   fetchMonitoringApplicationsSummary
 } from '../../reducers/monitoringApplicationsReducer'
-import { MODEL_ENDPOINTS_TAB, MONITORING_APP_PAGE } from '../../constants'
+import {
+  MODEL_ENDPOINTS_TAB,
+  MONITORING_APP_PAGE,
+  REQUEST_CANCELED
+} from '../../constants'
 import { PRIMARY_BUTTON } from 'igz-controls/constants'
 import { fetchArtifacts } from '../../reducers/artifactsReducer'
 import { getFiltersConfig } from './MonitoringApplicationsPage.util'
 import { showErrorNotification } from 'igz-controls/utils/notification.util'
 import { useFiltersFromSearchParams } from '../../hooks/useFiltersFromSearchParams.hook'
 import { getSavedSearchParams } from 'igz-controls/utils/filter.util'
+import { isRequestAborted } from '../../utils/isRequestAborted'
 
 import PresentMetricsIcon from 'igz-controls/images/present-metrics-icon.svg?react'
 
@@ -52,24 +57,35 @@ const MonitoringApplicationsPage = () => {
   const filters = useFiltersFromSearchParams(filtersConfig, undefined, params.projectName)
   const [, setSearchParams] = useSearchParams()
   const contentRef = useRef(null)
+  const abortControllerRef = useRef(new AbortController())
 
   const refreshMonitoringApplications = useCallback(
     (filters, isFilterApplyAction) => {
       if (!isFilterApplyAction) {
-        dispatch(fetchMonitoringApplicationsSummary({ project: params.projectName }))
+        abortControllerRef.current.abort(REQUEST_CANCELED)
+        abortControllerRef.current = new AbortController()
+
+        const signal = abortControllerRef.current.signal
+
+        dispatch(fetchMonitoringApplicationsSummary({ project: params.projectName, signal }))
           .unwrap()
           .catch(error => {
+            if (isRequestAborted(error?.message)) return
+
             showErrorNotification(dispatch, error, '', 'Failed to fetch applications summary')
           })
-        dispatch(fetchMonitoringApplications({ project: params.projectName, filters }))
+        dispatch(fetchMonitoringApplications({ project: params.projectName, filters, signal }))
         dispatch(
           fetchMEPWithDetections({
             project: params.projectName,
-            filters: filters
+            filters: filters,
+            signal
           })
         )
           .unwrap()
           .catch(error => {
+            if (isRequestAborted(error?.message)) return
+
             showErrorNotification(
               dispatch,
               error,
@@ -85,6 +101,11 @@ const MonitoringApplicationsPage = () => {
   const refreshMonitoringApplication = useCallback(
     (filters, isFilterApplyAction) => {
       if (!isFilterApplyAction) {
+        abortControllerRef.current.abort(REQUEST_CANCELED)
+        abortControllerRef.current = new AbortController()
+
+        const signal = abortControllerRef.current.signal
+
         dispatch(
           fetchArtifacts({
             project: params.projectName,
@@ -92,11 +113,13 @@ const MonitoringApplicationsPage = () => {
               ...filters,
               labels: `mlrun/app-name=${params.name}`
             },
-            config: { params: { page: 1, 'page-size': 50, format: 'minimal' } } // limit to 50 artifacts the same as we have on Artifacts page per 1 FE page to avoid overload
+            config: { signal, params: { page: 1, 'page-size': 50, format: 'minimal' } } // limit to 50 artifacts the same as we have on Artifacts page per 1 FE page to avoid overload
           })
         )
           .unwrap()
           .catch(error => {
+            if (isRequestAborted(error?.message)) return
+
             showErrorNotification(dispatch, error, '', 'Failed to fetch artifacts')
           })
 
@@ -104,11 +127,14 @@ const MonitoringApplicationsPage = () => {
           fetchMonitoringApplication({
             project: params.projectName,
             functionName: params.name,
-            filters
+            filters,
+            signal
           })
         )
           .unwrap()
           .catch(error => {
+            if (isRequestAborted(error?.message)) return
+
             showErrorNotification(dispatch, error, '', 'Failed to fetch monitoring application')
             navigate(
               `/projects/${params.projectName}/${MONITORING_APP_PAGE}${window.location.search}`,
@@ -128,6 +154,12 @@ const MonitoringApplicationsPage = () => {
     }
   }, [params.name, refreshMonitoringApplications, refreshMonitoringApplication, filters])
 
+  useEffect(() => {
+    return () => {
+      abortControllerRef.current?.abort(REQUEST_CANCELED)
+    }
+  }, [])
+
   useEffect(() => {
     if (contentRef.current) {
       contentRef.current.scrollTo(0, 0)
diff --git a/src/components/Project/ProjectMonitor.jsx b/src/components/Project/ProjectMonitor.jsx
index 2c4a49732a..a6095672cd 100644
--- a/src/components/Project/ProjectMonitor.jsx
+++ b/src/components/Project/ProjectMonitor.jsx
@@ -126,6 +126,9 @@ const ProjectMonitor = () => {
   }, [navigate, params, openRegisterArtifactModal, openRegisterModelModal, isDemoMode])
 
   const fetchProjectDataAndSummary = useCallback(() => {
+    projectAbortControllerRef.current.abort(REQUEST_CANCELED)
+    projectSummariesAbortControllerRef.current.abort(REQUEST_CANCELED)
+    nuclioFunctionsAbortControllerRef.current.abort(REQUEST_CANCELED)
     projectAbortControllerRef.current = new AbortController()
     projectSummariesAbortControllerRef.current = new AbortController()
     nuclioFunctionsAbortControllerRef.current = new AbortController()
diff --git a/src/components/Project/ProjectMonitorView.jsx b/src/components/Project/ProjectMonitorView.jsx
index dc51ed26ec..28b5c988ee 100644
--- a/src/components/Project/ProjectMonitorView.jsx
+++ b/src/components/Project/ProjectMonitorView.jsx
@@ -67,7 +67,7 @@ const ProjectMonitorView = ({
         <Breadcrumbs />
       </div>
       {project.loading ? (
-        <Loader />
+        <Loader overlay />
       ) : project.error ? (
         <div className="project__error-container">
           {confirmData ? (
diff --git a/src/components/Project/ProjectOverview/ProjectOverview.jsx b/src/components/Project/ProjectOverview/ProjectOverview.jsx
index e702e01ee5..e5c45a160e 100644
--- a/src/components/Project/ProjectOverview/ProjectOverview.jsx
+++ b/src/components/Project/ProjectOverview/ProjectOverview.jsx
@@ -87,7 +87,7 @@ const ProjectOverview = () => {
       <div className="project-overview__header">
         <ProjectDetailsHeader projectData={project.data} projectName={params.projectName} />
       </div>
-      {project.loading && <Loader />}
+      {project.loading && <Loader overlay />}
       {isEmpty(project.data) && !project.loading ? (
         <NoData />
       ) : (
diff --git a/src/components/ProjectsJobsMonitoring/ProjectsJobsMonitoring.jsx b/src/components/ProjectsJobsMonitoring/ProjectsJobsMonitoring.jsx
index f756c1b00f..d9f3ac3669 100644
--- a/src/components/ProjectsJobsMonitoring/ProjectsJobsMonitoring.jsx
+++ b/src/components/ProjectsJobsMonitoring/ProjectsJobsMonitoring.jsx
@@ -266,7 +266,7 @@ const ProjectsJobsMonitoring = () => {
               </ProjectJobsMonitoringContext.Provider>
               {(Boolean(jobsStore.jobLoadingCounter) ||
                 workflowsStore.activeWorkflow.loading ||
-                functionsStore.funcLoading) && <Loader />}
+                functionsStore.funcLoading) && <Loader overlay />}
             </div>
           </div>
         )}
diff --git a/src/components/ProjectsPage/CreateProjectDialog/CreateProjectDialog.jsx b/src/components/ProjectsPage/CreateProjectDialog/CreateProjectDialog.jsx
index 0c8caee658..d57efbcc29 100644
--- a/src/components/ProjectsPage/CreateProjectDialog/CreateProjectDialog.jsx
+++ b/src/components/ProjectsPage/CreateProjectDialog/CreateProjectDialog.jsx
@@ -72,7 +72,7 @@ const CreateProjectDialog = ({ closeNewProjectPopUp, handleCreateProject, isOpen
       closePopUp={handleCloseModal}
       isOpen={isOpen}
     >
-      {projectStore.loading && <Loader />}
+      {projectStore.loading && <Loader overlay />}
       <Form form={formRef.current} onSubmit={handleCreateProject}>
         {formState => {
           return (
diff --git a/src/components/ProjectsPage/Projects.jsx b/src/components/ProjectsPage/Projects.jsx
index 2292fa8b6f..634a18ec9c 100644
--- a/src/components/ProjectsPage/Projects.jsx
+++ b/src/components/ProjectsPage/Projects.jsx
@@ -36,7 +36,7 @@ import {
   projectsSortOptions
 } from './projects.util'
 import { BG_TASK_RUNNING } from '../../utils/poll.util'
-import { PROJECT_ONLINE_STATUS } from '../../constants'
+import { PROJECT_ONLINE_STATUS, REQUEST_CANCELED } from '../../constants'
 import { ConfirmDialog } from 'igz-controls/components'
 import { openPopUp } from 'igz-controls/utils/common.util'
 import {
@@ -130,6 +130,7 @@ const Projects = () => {
   )
 
   const refreshProjects = useCallback(() => {
+    abortControllerRef.current.abort(REQUEST_CANCELED)
     abortControllerRef.current = new AbortController()
 
     if (!isNuclioModeDisabled) {
diff --git a/src/components/ProjectsPage/ProjectsView.jsx b/src/components/ProjectsPage/ProjectsView.jsx
index 64522cc25e..94b1b8d660 100644
--- a/src/components/ProjectsPage/ProjectsView.jsx
+++ b/src/components/ProjectsPage/ProjectsView.jsx
@@ -73,7 +73,7 @@ const ProjectsView = ({
 
   return (
     <div className={projectsClassNames}>
-      {(projectStore.loading || projectStore.project.loading || tasksStore.loading) && <Loader />}
+      {(projectStore.loading || projectStore.project.loading || tasksStore.loading) && <Loader overlay />}
       {projectStore.mlrunUnhealthy.isUnhealthy && (
         <PopUpDialog headerIsHidden>
           MLRun seems to be down. Try again in a few minutes.
diff --git a/src/elements/AlertsTable/AlertsTable.jsx b/src/elements/AlertsTable/AlertsTable.jsx
index c0dc724a18..0716880787 100644
--- a/src/elements/AlertsTable/AlertsTable.jsx
+++ b/src/elements/AlertsTable/AlertsTable.jsx
@@ -49,7 +49,7 @@ const AlertsTable = ({
   return (
     <>
       {alertsStore.loading ? (
-        <Loader />
+        <Loader overlay />
       ) : tableContent.length === 0 && isEmpty(selectedAlert) ? (
         <NoData
           message={getNoDataMessage(
@@ -63,7 +63,7 @@ const AlertsTable = ({
         />
       ) : (
         <>
-          {alertsStore.alertLoading && <Loader />}
+          {alertsStore.alertLoading && <Loader overlay />}
           <Table
             actionsMenu={[]}
             getCloseDetailsLink={() =>
diff --git a/src/elements/FeatureStoreTableRow/FeatureStoreTableRow.jsx b/src/elements/FeatureStoreTableRow/FeatureStoreTableRow.jsx
index cc89ed58d9..c391301bb0 100644
--- a/src/elements/FeatureStoreTableRow/FeatureStoreTableRow.jsx
+++ b/src/elements/FeatureStoreTableRow/FeatureStoreTableRow.jsx
@@ -108,7 +108,7 @@ const FeatureStoreTableRow = ({
           </td>
           {selectedRowData[rowItem.data.ui.identifier]?.loading ? (
             <td className="table-body__cell">
-              {createPortal(<Loader />, document.querySelector(`.${TABLE_CONTAINER}`))}
+              {createPortal(<Loader overlay />, document.querySelector(`.${TABLE_CONTAINER}`))}
             </td>
           ) : selectedRowData[rowItem.data.ui.identifier]?.error ? (
             <td className="table-body__cell">
diff --git a/src/elements/JobsTable/JobsTable.jsx b/src/elements/JobsTable/JobsTable.jsx
index 4ddb639c8b..f4b02fa52f 100644
--- a/src/elements/JobsTable/JobsTable.jsx
+++ b/src/elements/JobsTable/JobsTable.jsx
@@ -408,7 +408,7 @@ const JobsTable = React.forwardRef(
 
     return (
       <>
-        {jobsStore.loading && <Loader />}
+        {jobsStore.loading && <Loader overlay />}
         {paginatedJobs.length === 0 && !jobsStore.loading && filters && isEmpty(selectedJob) ? (
           <NoData
             message={getNoDataMessage(
diff --git a/src/elements/ProjectSettingsGeneral/ProjectSettingsGeneral.jsx b/src/elements/ProjectSettingsGeneral/ProjectSettingsGeneral.jsx
index b55aa39700..b48f5c3830 100644
--- a/src/elements/ProjectSettingsGeneral/ProjectSettingsGeneral.jsx
+++ b/src/elements/ProjectSettingsGeneral/ProjectSettingsGeneral.jsx
@@ -246,7 +246,7 @@ const ProjectSettingsGeneral = ({
 
   return (
     <>
-      {(projectStore.loading || projectStore.project.loading) && <Loader />}
+      {(projectStore.loading || projectStore.project.loading) && <Loader overlay />}
 
       <Form form={formRef.current} onSubmit={() => {}}>
         {formState => {
@@ -255,7 +255,7 @@ const ProjectSettingsGeneral = ({
           return (
             <div className="settings__card">
               {projectStore.project.loading ? (
-                <Loader />
+                <Loader overlay />
               ) : projectStore.project.error ? (
                 <div>
                   <h1>{projectStore.project.error.message}</h1>
diff --git a/src/elements/ProjectSettingsMembers/ProjectSettingsMembers.jsx b/src/elements/ProjectSettingsMembers/ProjectSettingsMembers.jsx
index d56b4b79cb..f405355fb9 100644
--- a/src/elements/ProjectSettingsMembers/ProjectSettingsMembers.jsx
+++ b/src/elements/ProjectSettingsMembers/ProjectSettingsMembers.jsx
@@ -75,7 +75,7 @@ const ProjectSettingsMembers = ({
   return (
     <div className="settings__card">
       {loading ? (
-        <Loader />
+        <Loader overlay />
       ) : (
         <div className="settings__card-content">
           <div className="settings__card-content-col">
diff --git a/src/elements/ProjectSettingsSecrets/ProjectSettingsSecrets.jsx b/src/elements/ProjectSettingsSecrets/ProjectSettingsSecrets.jsx
index 2a74f1dc08..b0821570fc 100644
--- a/src/elements/ProjectSettingsSecrets/ProjectSettingsSecrets.jsx
+++ b/src/elements/ProjectSettingsSecrets/ProjectSettingsSecrets.jsx
@@ -182,7 +182,7 @@ const ProjectSettingsSecrets = ({ setNotification }) => {
         return (
           <div className="settings__card">
             {projectStore.project.secrets?.loading ? (
-              <Loader />
+              <Loader overlay />
             ) : !isUserAllowed ? (
               <div>
                 <h1>You don't have access to this project's secrets</h1>
diff --git a/src/elements/ScheduledJobsTable/ScheduledJobsTable.jsx b/src/elements/ScheduledJobsTable/ScheduledJobsTable.jsx
index 6be2b8c3e8..b9ff7597ac 100644
--- a/src/elements/ScheduledJobsTable/ScheduledJobsTable.jsx
+++ b/src/elements/ScheduledJobsTable/ScheduledJobsTable.jsx
@@ -281,7 +281,7 @@ const ScheduledJobsTable = ({
 
   return (
     <>
-      {jobsStore.loading && <Loader />}
+      {jobsStore.loading && <Loader overlay />}
       {jobsStore.loading ? null : jobs.length === 0 ? (
         <NoData
           message={getNoDataMessage(
diff --git a/src/elements/WorkflowsTable/WorkflowsTable.jsx b/src/elements/WorkflowsTable/WorkflowsTable.jsx
index 0d739fbc02..e6a9614048 100644
--- a/src/elements/WorkflowsTable/WorkflowsTable.jsx
+++ b/src/elements/WorkflowsTable/WorkflowsTable.jsx
@@ -787,7 +787,7 @@ const WorkflowsTable = React.forwardRef(
 
     return (
       <>
-        {(workflowsStore.workflows.loading || permissionsLoading) && <Loader />}
+        {(workflowsStore.workflows.loading || permissionsLoading) && <Loader overlay />}
         {workflowsStore.workflows.loading ? null : (!workflowsStore.workflows.loading &&
             !params.workflowId &&
             workflowsStore.workflows.data.length === 0) ||
diff --git a/src/hooks/useJobsPageData.js b/src/hooks/useJobsPageData.js
index 0002ee7de2..336dabeee3 100644
--- a/src/hooks/useJobsPageData.js
+++ b/src/hooks/useJobsPageData.js
@@ -33,6 +33,7 @@ import {
   JOBS_MONITORING_JOBS_TAB,
   JOBS_MONITORING_PAGE,
   MONITOR_JOBS_TAB,
+  REQUEST_CANCELED,
   SCHEDULE_TAB
 } from '../constants'
 import { usePagination } from './usePagination.hook'
@@ -99,6 +100,7 @@ export const useJobsPageData = (initialTabData, selectedTab) => {
         setJobs(null)
       }
 
+      abortControllerRef.current.abort(REQUEST_CANCELED)
       abortControllerRef.current = new AbortController()
 
       terminateAbortTasksPolling()
@@ -195,6 +197,7 @@ export const useJobsPageData = (initialTabData, selectedTab) => {
   const refreshScheduled = useCallback(
     filters => {
       setScheduledJobs([])
+      abortControllerRef.current.abort(REQUEST_CANCELED)
       abortControllerRef.current = new AbortController()
 
       return dispatch(
@@ -227,12 +230,16 @@ export const useJobsPageData = (initialTabData, selectedTab) => {
             setScheduledJobs(parsedJobs)
           }
         })
+        .catch(() => {
+          setScheduledJobs([])
+        })
     },
     [dispatch, params.projectName]
   )
 
   const getWorkflows = useCallback(
     filters => {
+      abortControllerRef.current.abort(REQUEST_CANCELED)
       abortControllerRef.current = new AbortController()
       const projectName = filters.project?.toLowerCase?.() || params.projectName || '*'
 
diff --git a/src/hooks/useRefreshAlerts.hook.js b/src/hooks/useRefreshAlerts.hook.js
index a5d50987cc..74fae4e316 100644
--- a/src/hooks/useRefreshAlerts.hook.js
+++ b/src/hooks/useRefreshAlerts.hook.js
@@ -27,7 +27,8 @@ import {
   BE_PAGE_SIZE,
   MODEL_ENDPOINT_ID,
   PROJECT_FILTER,
-  PROJECTS_FILTER_ALL_ITEMS
+  PROJECTS_FILTER_ALL_ITEMS,
+  REQUEST_CANCELED
 } from '../constants'
 import { fetchAlerts } from '../reducers/alertsReducer'
 
@@ -46,6 +47,7 @@ export const useRefreshAlerts = (filters, isAlertsPage) => {
     filters => {
       setAlerts(null)
       lastCheckedAlertIdRef.current = null
+      abortControllerRef.current.abort(REQUEST_CANCELED)
       abortControllerRef.current = new AbortController()
       const projectName = !isAlertsPage
         ? params.projectName || params.id
diff --git a/src/httpClient.js b/src/httpClient.js
index a61f075bf2..089fb5daaa 100755
--- a/src/httpClient.js
+++ b/src/httpClient.js
@@ -93,6 +93,10 @@ let requestTimeouts = {}
 let largeResponsePopUpIsOpen = false
 
 const requestLargeDataOnFulfill = config => {
+  if (config?.ui?.controller && !config?.ui?.setRequestErrorMessage) {
+    config.signal = config.ui.controller.signal
+  }
+
   if (config?.ui?.setRequestErrorMessage) {
     const [signal, timeoutId] = getAbortSignal(
       config.ui?.controller,
diff --git a/src/nextGenComponents/pages/ApplicationsPage/ApplicationDetails/MonitoringEndpoints/EndpointDetailsDialog.jsx b/src/nextGenComponents/pages/ApplicationsPage/ApplicationDetails/MonitoringEndpoints/EndpointDetailsDialog.jsx
index f742660540..9072c6e327 100644
--- a/src/nextGenComponents/pages/ApplicationsPage/ApplicationDetails/MonitoringEndpoints/EndpointDetailsDialog.jsx
+++ b/src/nextGenComponents/pages/ApplicationsPage/ApplicationDetails/MonitoringEndpoints/EndpointDetailsDialog.jsx
@@ -131,7 +131,7 @@ const EndpointDetailsDialog = ({
       <div className="absolute inset-[2.5vh_2.5vw] bg-white rounded-lg shadow-lg flex flex-col overflow-hidden">
         {isLoading ? (
           <div className="flex-1 flex items-center justify-center">
-            <Loader />
+            <Loader overlay />
           </div>
         ) : (
           <div className="function-popup h-full">
diff --git a/src/nextGenComponents/pages/ApplicationsPage/ApplicationsPage.jsx b/src/nextGenComponents/pages/ApplicationsPage/ApplicationsPage.jsx
index 3af7ce6c0e..c7d8742bfc 100644
--- a/src/nextGenComponents/pages/ApplicationsPage/ApplicationsPage.jsx
+++ b/src/nextGenComponents/pages/ApplicationsPage/ApplicationsPage.jsx
@@ -248,9 +248,9 @@ const ApplicationsPage = () => {
                   </TooltipContent>
                 </Tooltip>
               </div>
-              <div className="flex-1 min-h-[200px] flex flex-col [&_thead_tr]:z-[1]">
+              <div className="flex-1 min-h-[200px] flex flex-col [&_thead_tr]:z-[1] relative">
                 {isLoading ? (
-                  <Loader mode="fullscreen" />
+                  <Loader overlay />
                 ) : applications.length === 0 && !isDetailsOpen ? (
                   <NoData
                     message={getNoDataMessage(
diff --git a/src/nextGenComponents/shared/DetailsDataTab/DetailsDataTab.jsx b/src/nextGenComponents/shared/DetailsDataTab/DetailsDataTab.jsx
index 2e74b9b27d..f5ed914cec 100644
--- a/src/nextGenComponents/shared/DetailsDataTab/DetailsDataTab.jsx
+++ b/src/nextGenComponents/shared/DetailsDataTab/DetailsDataTab.jsx
@@ -48,7 +48,7 @@ const DetailsDataTab = ({
   }, [data, filters, filterFn])
 
   if (isLoading) {
-    return <Loader />
+    return <Loader section />
   }
 
   return (
diff --git a/src/reducers/alertsReducer.js b/src/reducers/alertsReducer.js
index 552cc79568..d73dad2855 100644
--- a/src/reducers/alertsReducer.js
+++ b/src/reducers/alertsReducer.js
@@ -128,12 +128,14 @@ export const fetchAlert = createAsyncThunk(
         return parseAlerts(data.activations || [])
       })
       .catch(error => {
-        largeResponseCatchHandler(
+        const isRequestCanceled = largeResponseCatchHandler(
           error,
           'Failed to fetch alerts',
           thunkAPI.dispatch,
           config?.ui?.setRequestErrorMessage
         )
+
+        return thunkAPI.rejectWithValue(isRequestCanceled ? { aborted: true } : error)
       })
   }
 )
@@ -156,12 +158,14 @@ export const fetchAlerts = createAsyncThunk(
         return { ...data, activations: parseAlerts(data.activations || []) }
       })
       .catch(error => {
-        largeResponseCatchHandler(
+        const isRequestCanceled = largeResponseCatchHandler(
           error,
           'Failed to fetch alerts',
           thunkAPI.dispatch,
           config?.ui?.setRequestErrorMessage
         )
+
+        return thunkAPI.rejectWithValue(isRequestCanceled ? { aborted: true } : error)
       })
   }
 )
@@ -194,6 +198,7 @@ const alertsSlice = createSlice({
         state.loading = false
       })
       .addCase(fetchAlert.rejected, (state, action) => {
+        if (action.payload?.aborted) return
         state.alerts = []
         state.error = action.payload
         state.loading = false
@@ -207,6 +212,7 @@ const alertsSlice = createSlice({
         state.alerts = action.payload
       })
       .addCase(fetchAlerts.rejected, (state, action) => {
+        if (action.payload?.aborted) return
         state.loading = false
         state.error = action.payload
       })
diff --git a/src/reducers/artifactsReducer.js b/src/reducers/artifactsReducer.js
index c5f29b7357..5de5247a30 100644
--- a/src/reducers/artifactsReducer.js
+++ b/src/reducers/artifactsReducer.js
@@ -30,6 +30,7 @@ import {
   MODELS_PAGE
 } from '../constants'
 import { filterArtifacts } from '../utils/filterArtifacts'
+import { isRequestAborted } from '../utils/isRequestAborted'
 import { generateArtifacts } from '../utils/generateArtifacts'
 import { parseModelEndpoints } from '../utils/parseModelEndpoints'
 import { parseArtifacts } from '../utils/parseArtifacts'
@@ -571,6 +572,7 @@ const artifactsSlice = createSlice({
       state.loading = false
     })
     builder.addCase(fetchArtifacts.rejected, (state, action) => {
+      if (isRequestAborted(action.payload?.message)) return
       state.artifacts = []
       state.error = action.payload
       state.loading = false
@@ -627,7 +629,8 @@ const artifactsSlice = createSlice({
       state.LLMPrompts.loading = false
       state.loading = state.models.loading || state.files.loading
     })
-    builder.addCase(fetchLLMPrompts.rejected, state => {
+    builder.addCase(fetchLLMPrompts.rejected, (state, action) => {
+      if (isRequestAborted(action.error?.message)) return
       state.LLMPrompts.loading = false
       state.loading = state.models.loading || state.files.loading
     })
@@ -650,7 +653,8 @@ const artifactsSlice = createSlice({
       state.documents.loading = false
       state.loading = false
     })
-    builder.addCase(fetchDocuments.rejected, state => {
+    builder.addCase(fetchDocuments.rejected, (state, action) => {
+      if (isRequestAborted(action.error?.message)) return
       state.documents.loading = false
       state.loading = false
     })
@@ -660,7 +664,8 @@ const artifactsSlice = createSlice({
       state.datasets.loading = false
       state.loading = state.models.loading || state.files.loading
     })
-    builder.addCase(fetchDataSets.rejected, state => {
+    builder.addCase(fetchDataSets.rejected, (state, action) => {
+      if (isRequestAborted(action.error?.message)) return
       state.datasets.loading = false
       state.loading = state.models.loading || state.files.loading
     })
@@ -683,7 +688,8 @@ const artifactsSlice = createSlice({
       state.files.loading = false
       state.loading = state.models.loading || state.datasets.loading
     })
-    builder.addCase(fetchFiles.rejected, state => {
+    builder.addCase(fetchFiles.rejected, (state, action) => {
+      if (isRequestAborted(action.error?.message)) return
       state.files.loading = false
       state.loading = state.models.loading || state.datasets.loading
     })
@@ -709,10 +715,12 @@ const artifactsSlice = createSlice({
       state.modelEndpoints.loading = true
     })
     builder.addCase(fetchModelEndpoints.fulfilled, (state, action) => {
+      if (action.payload === undefined) return
       state.error = null
       state.modelEndpoints = { allData: action.payload, loading: false }
     })
     builder.addCase(fetchModelEndpoints.rejected, (state, action) => {
+      if (isRequestAborted(action.payload?.message)) return
       state.error = action.payload
       state.modelEndpoints = { allData: [], loading: false }
     })
@@ -726,7 +734,8 @@ const artifactsSlice = createSlice({
       state.models.loading = false
       state.loading = state.files.loading || state.datasets.loading
     })
-    builder.addCase(fetchModels.rejected, state => {
+    builder.addCase(fetchModels.rejected, (state, action) => {
+      if (isRequestAborted(action.error?.message)) return
       state.models.loading = false
       state.loading = state.files.loading || state.datasets.loading
     })
diff --git a/src/reducers/featureStoreReducer.js b/src/reducers/featureStoreReducer.js
index 53deac56ac..ce2dc1c4a2 100644
--- a/src/reducers/featureStoreReducer.js
+++ b/src/reducers/featureStoreReducer.js
@@ -25,6 +25,7 @@ import {
 import featureStoreApi from '../api/featureStore-api'
 import { FORBIDDEN_ERROR_STATUS_CODE } from 'igz-controls/constants'
 import { PANEL_DEFAULT_ACCESS_KEY } from '../constants'
+import { isRequestAborted } from '../utils/isRequestAborted'
 import { REDISNOSQL } from '../components/FeatureSetsPanel/FeatureSetsPanelTargetStore/featureSetsPanelTargetStore.util'
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit'
 import { hideLoading, showLoading } from './redux.util'
@@ -183,7 +184,7 @@ export const fetchFeatureSets = createAsyncThunk(
           config?.ui?.setRequestErrorMessage
         )
 
-        return thunkAPI.rejectWithValue(error.message)
+        return thunkAPI.rejectWithValue(error)
       })
   }
 )
@@ -455,6 +456,7 @@ const featureStoreSlice = createSlice({
     })
     builder.addCase(fetchFeatureSets.pending, showLoading)
     builder.addCase(fetchFeatureSets.rejected, (state, action) => {
+      if (isRequestAborted(action.payload?.message)) return
       state.loading = false
       state.error = action.payload
     })
@@ -488,6 +490,7 @@ const featureStoreSlice = createSlice({
     })
     builder.addCase(fetchFeatureVectors.pending, showLoading)
     builder.addCase(fetchFeatureVectors.rejected, (state, action) => {
+      if (isRequestAborted(action.payload?.message)) return
       state.loading = false
       state.error = action.payload
     })
@@ -505,6 +508,7 @@ const featureStoreSlice = createSlice({
       state.features.loading = true
     })
     builder.addCase(fetchFeatures.rejected, (state, action) => {
+      if (isRequestAborted(action.payload?.message)) return
       state.features.loading = false
       state.error = action.payload
     })
diff --git a/src/reducers/functionReducer.js b/src/reducers/functionReducer.js
index 463cf83489..bf9799cbf9 100644
--- a/src/reducers/functionReducer.js
+++ b/src/reducers/functionReducer.js
@@ -18,6 +18,7 @@ under the Apache 2.0 license is conditioned upon your compliance with
 such restriction.
 */
 import { FUNCTION_TYPE_JOB, PANEL_DEFAULT_ACCESS_KEY } from '../constants'
+import { isRequestAborted } from '../utils/isRequestAborted'
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit'
 import { FORBIDDEN_ERROR_STATUS_CODE } from 'igz-controls/constants'
 import functionsApi from '../api/functions-api'
@@ -401,6 +402,7 @@ const functionsSlice = createSlice({
       state.functions = action.payload.funcs
     })
     builder.addCase(fetchFunctions.rejected, (state, action) => {
+      if (isRequestAborted(action.payload?.message)) return
       state.error = action.payload
       state.loading = false
       state.functions = []
diff --git a/src/reducers/jobReducer.js b/src/reducers/jobReducer.js
index 4d0a98bccb..f5c54c4582 100644
--- a/src/reducers/jobReducer.js
+++ b/src/reducers/jobReducer.js
@@ -162,12 +162,14 @@ export const fetchAllJobRuns = createAsyncThunk(
         return data
       })
       .catch(error => {
-        largeResponseCatchHandler(
+        const isRequestCanceled = largeResponseCatchHandler(
           error,
           'Failed to fetch jobs',
           thunkAPI.dispatch,
           config?.ui?.setRequestErrorMessage
         )
+
+        return thunkAPI.rejectWithValue(isRequestCanceled ? { aborted: true } : error)
       })
   }
 )
@@ -218,12 +220,14 @@ export const fetchJobs = createAsyncThunk('fetchJobs', ({ project, filters, conf
       return data
     })
     .catch(error => {
-      largeResponseCatchHandler(
+      const isRequestCanceled = largeResponseCatchHandler(
         error,
         'Failed to fetch jobs',
         thunkAPI.dispatch,
         config?.ui?.setRequestErrorMessage
       )
+
+      return thunkAPI.rejectWithValue(isRequestCanceled ? { aborted: true } : error)
     })
 })
 export const fetchScheduledJobs = createAsyncThunk(
@@ -267,12 +271,14 @@ export const fetchScheduledJobs = createAsyncThunk(
         return (data || {}).schedules
       })
       .catch(error => {
-        largeResponseCatchHandler(
+        const isRequestCanceled = largeResponseCatchHandler(
           error,
           'Failed to fetch scheduled jobs',
           thunkAPI.dispatch,
           config?.ui?.setRequestErrorMessage
         )
+
+        return thunkAPI.rejectWithValue(isRequestCanceled ? { aborted: true } : error)
       })
   }
 )
@@ -344,7 +350,12 @@ const jobsSlice = createSlice({
       state.jobRuns = action.payload
       state.loading = false
     })
-    builder.addCase(fetchAllJobRuns.rejected, hideLoading)
+    builder.addCase(fetchAllJobRuns.rejected, (state, action) => {
+      if (action.payload?.aborted) return
+      state.error = action.payload
+      state.jobRuns = []
+      state.loading = false
+    })
     builder.addCase(fetchJob.pending, state => {
       state.jobLoadingCounter++
     })
@@ -400,6 +411,7 @@ const jobsSlice = createSlice({
       state.loading = false
     })
     builder.addCase(fetchJobs.rejected, (state, action) => {
+      if (action.payload?.aborted) return
       state.error = action.payload
       state.jobs = []
       state.loading = false
@@ -411,6 +423,7 @@ const jobsSlice = createSlice({
       state.loading = false
     })
     builder.addCase(fetchScheduledJobs.rejected, (state, action) => {
+      if (action.payload?.aborted) return
       state.error = action.payload
       state.scheduled = []
       state.loading = false
diff --git a/src/reducers/monitoringApplicationsReducer.js b/src/reducers/monitoringApplicationsReducer.js
index a15f432bbd..0337061ef6 100644
--- a/src/reducers/monitoringApplicationsReducer.js
+++ b/src/reducers/monitoringApplicationsReducer.js
@@ -20,12 +20,13 @@ such restriction.
 import { createSlice, createAsyncThunk } from '@reduxjs/toolkit'
 import { get } from 'lodash'
 
-import { defaultPendingHandler, defaultRejectedHandler } from './redux.util'
+import { defaultPendingHandler } from './redux.util'
 import { splitApplicationsContent } from '../utils/applications.utils'
 import { largeResponseCatchHandler } from '../utils/largeResponseCatchHandler'
 import { getErrorMsg } from 'igz-controls/utils/common.util'
 
 import { DATES_FILTER } from '../constants'
+import { isRequestAborted } from '../utils/isRequestAborted'
 
 import monitoringApplicationsApi from '../api/monitoringApplications-api'
 import nuclioApi from '../api/nuclio'
@@ -55,7 +56,7 @@ const initialState = {
 
 export const fetchMEPWithDetections = createAsyncThunk(
   'fetchMEPWithDetections',
-  ({ project, filters }) => {
+  ({ project, filters, signal }) => {
     const params = {
       start: filters[DATES_FILTER].value[0].getTime()
     }
@@ -67,7 +68,7 @@ export const fetchMEPWithDetections = createAsyncThunk(
     const savedStartDate = filters[DATES_FILTER].value[0].getTime()
     const savedEndDate = (filters[DATES_FILTER].value[1] || new Date()).getTime()
 
-    return monitoringApplicationsApi.getMEPWithDetections(project, params).then(response => {
+    return monitoringApplicationsApi.getMEPWithDetections(project, params, signal).then(response => {
       return {
         values: response.data.values.map(([date, suspected, detected]) => [
           date,
@@ -82,7 +83,7 @@ export const fetchMEPWithDetections = createAsyncThunk(
 
 export const fetchMonitoringApplication = createAsyncThunk(
   'fetchMonitoringApplication',
-  ({ project, functionName, filters }) => {
+  ({ project, functionName, filters, signal }) => {
     const params = {
       start: filters[DATES_FILTER].value[0].getTime()
     }
@@ -92,14 +93,14 @@ export const fetchMonitoringApplication = createAsyncThunk(
     }
 
     return monitoringApplicationsApi
-      .getMonitoringApplication(project, functionName, params)
+      .getMonitoringApplication(project, functionName, params, signal)
       .then(response => response.data)
   }
 )
 
 export const fetchMonitoringApplications = createAsyncThunk(
   'fetchMonitoringApplications',
-  async ({ project, filters }, thunkAPI) => {
+  async ({ project, filters, signal }, thunkAPI) => {
     const params = {
       start: filters[DATES_FILTER].value[0].getTime()
     }
@@ -109,18 +110,20 @@ export const fetchMonitoringApplications = createAsyncThunk(
     }
 
     const [mlrunResult, nuclioResult] = await Promise.allSettled([
-      monitoringApplicationsApi.getMonitoringApplications(project, params),
-      nuclioApi.getFunctions(project)
+      monitoringApplicationsApi.getMonitoringApplications(project, params, signal),
+      nuclioApi.getFunctions(project, signal)
     ])
 
     if (mlrunResult.status !== 'fulfilled') {
-      largeResponseCatchHandler(
+      const isCanceled = largeResponseCatchHandler(
         mlrunResult.reason,
         'Failed to fetch monitoring applications',
         thunkAPI.dispatch
       )
 
-      return thunkAPI.rejectWithValue(getErrorMsg(mlrunResult.reason))
+      return thunkAPI.rejectWithValue(
+        isCanceled ? { aborted: true } : getErrorMsg(mlrunResult.reason)
+      )
     }
 
     const mlrunApiApps = get(mlrunResult, 'value.data')
@@ -143,9 +146,9 @@ export const fetchMonitoringApplications = createAsyncThunk(
 
 export const fetchMonitoringApplicationsSummary = createAsyncThunk(
   'fetchMonitoringApplicationsSummary',
-  ({ project }) => {
+  ({ project, signal }) => {
     return monitoringApplicationsApi
-      .getMonitoringApplicationsSummary(project)
+      .getMonitoringApplicationsSummary(project, signal)
       .then(response => response.data)
   }
 )
@@ -174,6 +177,8 @@ const monitoringApplicationsSlice = createSlice({
       state.endpointsWithDetections.error = null
     })
     builder.addCase(fetchMEPWithDetections.rejected, (state, action) => {
+      if (isRequestAborted(action.error?.message)) return
+
       state.endpointsWithDetections.loading = false
       state.endpointsWithDetections.error = action.error
     })
@@ -183,7 +188,12 @@ const monitoringApplicationsSlice = createSlice({
       state.loading = false
       state.error = null
     })
-    builder.addCase(fetchMonitoringApplication.rejected, defaultRejectedHandler)
+    builder.addCase(fetchMonitoringApplication.rejected, (state, action) => {
+      if (isRequestAborted(action.error?.message)) return
+
+      state.loading = false
+      state.error = action.error
+    })
     builder.addCase(fetchMonitoringApplications.pending, defaultPendingHandler)
     builder.addCase(fetchMonitoringApplications.fulfilled, (state, { payload }) => {
       state.monitoringApplications = payload
@@ -191,6 +201,8 @@ const monitoringApplicationsSlice = createSlice({
       state.error = null
     })
     builder.addCase(fetchMonitoringApplications.rejected, (state, action) => {
+      if (action.payload?.aborted) return
+
       state.loading = false
       state.error = action.payload
     })
@@ -203,6 +215,8 @@ const monitoringApplicationsSlice = createSlice({
       state.applicationsSummary.error = null
     })
     builder.addCase(fetchMonitoringApplicationsSummary.rejected, (state, action) => {
+      if (isRequestAborted(action.error?.message)) return
+
       state.applicationsSummary.loading = false
       state.applicationsSummary.error = action.error
     })
diff --git a/src/reducers/nuclioReducer.js b/src/reducers/nuclioReducer.js
index 005f2d7060..36fbbcc43b 100644
--- a/src/reducers/nuclioReducer.js
+++ b/src/reducers/nuclioReducer.js
@@ -24,8 +24,8 @@ import nuclioApi from '../api/nuclio'
 import functionsApi from '../api/functions-api'
 import { parseV3ioStreams } from '../utils/parseV3ioStreams'
 import { parseV3ioStreamShardLags } from '../utils/parseV3ioStreamShardLags'
-import { DEFAULT_ABORT_MSG, REQUEST_CANCELED } from '../constants'
 import { showErrorNotification } from 'igz-controls/utils/notification.util'
+import { isRequestAborted } from '../utils/isRequestAborted'
 
 export const fetchApiGateways = createAsyncThunk(
   'fetchApiGateways',
@@ -117,7 +117,7 @@ export const fetchProjectApiGateways = createAsyncThunk(
         return []
       })
       .catch(error => {
-        if (![REQUEST_CANCELED, DEFAULT_ABORT_MSG].includes(error?.message)) {
+        if (!isRequestAborted(error?.message)) {
           showErrorNotification(dispatch, error, 'Failed to load API gateways')
           return rejectWithValue(error)
         }
@@ -185,7 +185,7 @@ const nuclioSlice = createSlice({
     builder.addCase(fetchApiGateways.rejected, (state, action) => {
       state.apiGateways = 0
       state.loading = false
-      state.error = action.error?.message
+      state.error = action.payload?.message
     })
     builder.addCase(fetchNuclioFunctions.pending, state => {
       state.loading = true
@@ -196,9 +196,10 @@ const nuclioSlice = createSlice({
       state.error = null
     })
     builder.addCase(fetchNuclioFunctions.rejected, (state, action) => {
+      if (isRequestAborted(action.payload?.message)) return
       state.currentProjectFunctions = []
       state.loading = false
-      state.error = action.error?.message
+      state.error = action.payload?.message
     })
     builder.addCase(fetchAllNuclioFunctions.pending, state => {
       state.loading = true
@@ -209,9 +210,10 @@ const nuclioSlice = createSlice({
       state.error = null
     })
     builder.addCase(fetchAllNuclioFunctions.rejected, (state, action) => {
+      if (isRequestAborted(action.payload?.message)) return
       state.functions = {}
       state.loading = false
-      state.error = action.error?.message
+      state.error = action.payload?.message
     })
     builder.addCase(fetchNuclioFunction.pending, state => {
       state.nuclioFunctionLoading = true
diff --git a/src/reducers/workflowReducer.js b/src/reducers/workflowReducer.js
index 8046b80cc0..24431acd5e 100644
--- a/src/reducers/workflowReducer.js
+++ b/src/reducers/workflowReducer.js
@@ -24,6 +24,7 @@ import { isNil } from 'lodash'
 import { largeResponseCatchHandler } from '../utils/largeResponseCatchHandler'
 import { parseWorkflows } from '../utils/parseWorkflows'
 import { JOBS_MONITORING_WORKFLOWS_TAB, MONITOR_WORKFLOWS_TAB } from '../constants'
+import { isRequestAborted } from '../utils/isRequestAborted'
 
 const initialState = {
   workflows: {
@@ -140,6 +141,7 @@ const workflowsSlice = createSlice({
       }
     })
     builder.addCase(fetchWorkflows.rejected, (state, action) => {
+      if (isRequestAborted(action.payload?.message)) return
       state.workflows = {
         data: [],
         loading: false,
diff --git a/src/utils/getArtifactPreview.jsx b/src/utils/getArtifactPreview.jsx
index 5748253458..cce08437aa 100644
--- a/src/utils/getArtifactPreview.jsx
+++ b/src/utils/getArtifactPreview.jsx
@@ -24,11 +24,10 @@ import api from '../api/artifacts-api'
 import { createArtifactPreviewContent } from './createArtifactPreviewContent'
 import {
   ARTIFACT_MAX_CHUNK_SIZE,
-  DEFAULT_ABORT_MSG,
   ERROR_STATE,
-  REQUEST_CANCELED,
   UNKNOWN_STATE
 } from '../constants'
+import { isRequestAborted } from './isRequestAborted'
 import { commonLanguages } from '../common/Editor/editor.util'
 
 const fileSizes = {
@@ -220,7 +219,7 @@ export const fetchArtifactPreviewFromPath = async (
       return setPreview([createArtifactPreviewContent(null, null, path, artifact.db_key)])
     }
   } catch (err) {
-    if (![REQUEST_CANCELED, DEFAULT_ABORT_MSG].includes(err.message)) {
+    if (!isRequestAborted(err.message)) {
       setPreview([
         {
           error: {
diff --git a/src/utils/isRequestAborted.js b/src/utils/isRequestAborted.js
new file mode 100644
index 0000000000..45d6730006
--- /dev/null
+++ b/src/utils/isRequestAborted.js
@@ -0,0 +1,23 @@
+/*
+Copyright 2019 Iguazio Systems Ltd.
+
+Licensed under the Apache License, Version 2.0 (the "License") with
+an addition restriction as set forth herein. You may not use this
+file except in compliance with the License. You may obtain a copy of
+the License at http://www.apache.org/licenses/LICENSE-2.0.
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied. See the License for the specific language governing
+permissions and limitations under the License.
+
+In addition, you may not use the software for any purposes that are
+illegal under applicable law, and the grant of the foregoing license
+under the Apache 2.0 license is conditioned upon your compliance with
+such restriction.
+*/
+import { DEFAULT_ABORT_MSG, REQUEST_CANCELED } from '../constants'
+
+export const isRequestAborted = message =>
+  [REQUEST_CANCELED, DEFAULT_ABORT_MSG].includes(message)
diff --git a/src/utils/largeResponseCatchHandler.js b/src/utils/largeResponseCatchHandler.js
index 86a314d8cd..79e734f04d 100644
--- a/src/utils/largeResponseCatchHandler.js
+++ b/src/utils/largeResponseCatchHandler.js
@@ -26,11 +26,13 @@ export const largeResponseCatchHandler = (
   dispatch,
   showNotificationCallback = () => {}
 ) => {
-  if (
-    ![LARGE_REQUEST_CANCELED, REQUEST_CANCELED, DEFAULT_ABORT_MSG].includes(error.message) &&
-    error &&
-    dispatch
-  ) {
+  const isRequestCanceled = [LARGE_REQUEST_CANCELED, REQUEST_CANCELED, DEFAULT_ABORT_MSG].includes(
+    error?.message
+  )
+
+  if (!isRequestCanceled && error && dispatch) {
     showErrorNotification(dispatch, error, defaultError, null, null, showNotificationCallback)
   }
+
+  return isRequestCanceled
 }