diff --git a/src/components/Item/VisualizationItem/Visualization/NoVisualizationMessage.js b/src/components/Item/VisualizationItem/Visualization/NoVisualizationMessage.js
deleted file mode 100644
index bd40984c5..000000000
--- a/src/components/Item/VisualizationItem/Visualization/NoVisualizationMessage.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { IconWarning24, colors } from '@dhis2/ui'
-import PropTypes from 'prop-types'
-import React from 'react'
-import classes from './styles/NoVisualizationMessage.module.css'
-
-const NoVisualizationMessage = ({ message }) => {
-    return (
-        <p className={classes.container}>
-            <span className={classes.icon}>
-                <IconWarning24 color={colors.grey400} />
-            </span>
-            <span className={classes.message}>{message}</span>
-        </p>
-    )
-}
-
-NoVisualizationMessage.propTypes = {
-    message: PropTypes.string,
-}
-
-export default NoVisualizationMessage
diff --git a/src/components/Item/VisualizationItem/Visualization/styles/NoVisualizationMessage.module.css b/src/components/Item/VisualizationItem/Visualization/styles/NoVisualizationMessage.module.css
deleted file mode 100644
index f58630b93..000000000
--- a/src/components/Item/VisualizationItem/Visualization/styles/NoVisualizationMessage.module.css
+++ /dev/null
@@ -1,26 +0,0 @@
-.container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    margin: 0;
-    padding: var(--spacers-dp8);
-    position: absolute;
-    inset-block-start: 50%;
-    inset-inline-start: 50%;
-    transform: translate(-50%, -50%);
-}
-
-.icon {
-    display: inline-flex;
-    vertical-align: middle;
-    margin-block-end: var(--spacers-dp8);
-}
-
-.message {
-    text-align: center;
-    font-size: 13px;
-    font-stretch: normal;
-    line-height: 18px;
-    color: var(--colors-grey800);
-}