diff --git a/packages/asc-web-components/bar-banner/index.js b/packages/asc-web-components/bar-banner/index.js
deleted file mode 100644
index 74923fa97e..0000000000
--- a/packages/asc-web-components/bar-banner/index.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import React, { useState } from "react";
-import PropTypes from "prop-types";
-
-import { StyledBarBanner, StyledCrossIcon } from "./styled-bar-banner";
-
-const BarBanner = (props) => {
-  const { htmlLink } = props;
-
-  const [open, setOpen] = useState(true);
-
-  const onClose = () => setOpen(false);
-
-  return (
-    <StyledBarBanner {...props} open={open}>
-      {htmlLink ? (
-        <iframe
-          height="60px"
-          width="100%"
-          src={htmlLink}
-          frameBorder="0"
-          align="left"
-          scrolling="no"
-        ></iframe>
-      ) : (
-        ""
-      )}
-      <div className="action" onClick={onClose}>
-        <StyledCrossIcon size="medium" />
-      </div>
-    </StyledBarBanner>
-  );
-};
-
-BarBanner.propTypes = {
-  id: PropTypes.string,
-  className: PropTypes.string,
-  style: PropTypes.object,
-  htmlLink: PropTypes.string,
-};
-
-BarBanner.defaultProps = {
-  id: undefined,
-  className: undefined,
-  style: undefined,
-};
-
-export default BarBanner;
diff --git a/packages/asc-web-components/bar-banner/styled-bar-banner.js b/packages/asc-web-components/bar-banner/styled-bar-banner.js
deleted file mode 100644
index 221c54503d..0000000000
--- a/packages/asc-web-components/bar-banner/styled-bar-banner.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import styled from "styled-components";
-import CrossIcon from "../../../public/images/cross.react.svg";
-import commonIconsStyles from "../utils/common-icons-style";
-
-const StyledCrossIcon = styled(CrossIcon)`
-  ${commonIconsStyles}
-
-  &:hover {
-    cursor: pointer;
-  }
-
-  path {
-    fill: #fff;
-  }
-`;
-
-const StyledBarBanner = styled.div`
-  width: 100%;
-  height: 100%;
-  display: ${(props) => (props.open ? "flex" : "none")};
-  justify-content: space-between;
-  align-items: flex-start;
-  position: relative;
-
-  .action {
-    padding: 4px;
-    position: absolute;
-    left: 98%;
-  }
-`;
-
-export { StyledBarBanner, StyledCrossIcon };