diff --git a/src/components/AnalyticsConsent/AnalyticsConsent.tsx b/src/components/AnalyticsConsent/AnalyticsConsent.tsx
index 67090d44f..6e4ed373c 100644
--- a/src/components/AnalyticsConsent/AnalyticsConsent.tsx
+++ b/src/components/AnalyticsConsent/AnalyticsConsent.tsx
@@ -1,20 +1,34 @@
-import { ReactElement } from "react";
+import { Button } from "@mui/material";
+import Drawer from "@mui/material/Drawer";
+import { ReactElement, useState } from "react";
 
 interface ConsentProps {
   onChangeConsent: (consentVal: boolean) => void;
 }
 
 export function AnalyticsConsent(props: ConsentProps): ReactElement {
+
+  const [responded, setResponded] = useState(false);
   const acceptAnalytics = (): void => {
+
+    setResponded(true);
     props.onChangeConsent(true);
   };
   const rejectAnalytics = (): void => {
+
+    setResponded(false);
     props.onChangeConsent(false);
   };
+
+
   return (
     <div>
-      <button onClick={acceptAnalytics}>Accept</button>
-      <button onClick={rejectAnalytics}>Reject</button>
+      <Drawer anchor={"bottom"} open={!responded}>
+        MyDrawer!
+        <button onClick={acceptAnalytics}>Accept</button>
+        <button onClick={rejectAnalytics}>Reject</button>
+      </Drawer>
+      
     </div>
   );
 }