diff --git a/ghost/announcement-bar/src/components/AnnouncementBar.js b/ghost/announcement-bar/src/components/AnnouncementBar.js
index a4c86d01ae..dceabe6e22 100644
--- a/ghost/announcement-bar/src/components/AnnouncementBar.js
+++ b/ghost/announcement-bar/src/components/AnnouncementBar.js
@@ -4,7 +4,12 @@ import './AnnouncementBar.css';
 import {ReactComponent as CloseIcon} from '../icons/clear.svg';
 
 export function AnnouncementBar({settings}) {
-    const [visible, setVisible] = React.useState(true);
+    const [visible, setVisible] = React.useState(isBarVisible());
+
+    const handleButtonClick = () => {
+        setBarVisibility();
+        setVisible(false);
+    };
 
     if (!visible) {
         return null;
@@ -18,9 +23,18 @@ export function AnnouncementBar({settings}) {
     return (
         <div className={className}>
             <div className="gh-announcement-bar-content" dangerouslySetInnerHTML={{__html: settings?.announcement}}></div>
-            <button onClick={() => setVisible(false)}>
+            <button onClick={handleButtonClick}>
                 <CloseIcon />
             </button>
         </div>
     );
 }
+
+const BAR_STORAGE_KEY = 'isAnnouncementBarVisible';
+function setBarVisibility(state = 'true') {
+    sessionStorage.setItem(BAR_STORAGE_KEY, state);
+}
+
+function isBarVisible() {
+    return !sessionStorage.getItem(BAR_STORAGE_KEY);
+}