diff --git a/components/teks/teks-drawer.js b/components/teks/teks-drawer.js
index 4b868a7..e01fc66 100644
--- a/components/teks/teks-drawer.js
+++ b/components/teks/teks-drawer.js
@@ -1,4 +1,4 @@
-import {useEffect, useState} from 'react'
+import {useEffect, useState, forwardRef} from 'react'
 import PropTypes from 'prop-types'
 import Link from 'next/link'
 import {useRouter} from 'next/router'
@@ -160,9 +160,9 @@ const Root = styled('div')((
   }
 }))
 
-function Alert(props) {
-  return <MuiAlert elevation={6} variant='filled' {...props} />
-}
+const Alert = forwardRef(function Alert(props, ref) { // eslint-disable-line func-names
+  return <MuiAlert ref={ref} elevation={6} variant='filled' {...props} />
+})
 
 const drawerWidth = 240