From 01a6e83eba46a86b80f7f292075824053bea1e36 Mon Sep 17 00:00:00 2001
From: cori hudson <cori@scratch.mit.edu>
Date: Thu, 25 May 2023 10:10:59 -0400
Subject: [PATCH] fix(privacy banner): make banner aside use sticky position

---
 src/components/privacy-banner/privacy-banner.jsx  | 2 +-
 src/components/privacy-banner/privacy-banner.scss | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/privacy-banner/privacy-banner.jsx b/src/components/privacy-banner/privacy-banner.jsx
index 9c7aa4d3b..024e97c67 100644
--- a/src/components/privacy-banner/privacy-banner.jsx
+++ b/src/components/privacy-banner/privacy-banner.jsx
@@ -45,7 +45,7 @@ class PrivacyBanner extends React.Component {
         const privacyPolicyLink = chunks => <a href="/privacy_policy">{chunks}</a>;
         if (showBanner) {
             return (
-                <aside>
+                <aside className="privacy-aside">
                     <TitleBanner className="privacy-banner">
                         <div className="privacy-banner-container">
                             <img
diff --git a/src/components/privacy-banner/privacy-banner.scss b/src/components/privacy-banner/privacy-banner.scss
index 56a9ce35c..af7b8d7e9 100644
--- a/src/components/privacy-banner/privacy-banner.scss
+++ b/src/components/privacy-banner/privacy-banner.scss
@@ -1,6 +1,9 @@
 @import "../../colors";
 @import "../../frameless";
 
+.privacy-aside {
+    position: sticky;
+}
 
 .privacy-banner {
     display: flex;