diff --git a/components/common/DialogContent/index.tsx b/components/common/DialogContent/index.tsx
index e5842950..53703c7d 100644
--- a/components/common/DialogContent/index.tsx
+++ b/components/common/DialogContent/index.tsx
@@ -92,7 +92,7 @@ const DialogContent = React.forwardRef<HTMLDivElement, Props>(function Dialog(
 
   const calculateFooterShadow = debounce(() => {
     const boxShadowBase = '0 -2px 8px'
-    const scrollable = document.querySelector(`.${styles.scrollValue}`)
+    const scrollable = document.querySelector(`.${styles.scrollable}`)
     const footer = props.footerref
 
     if (footer && footer.current) {
diff --git a/components/common/DialogFooter/index.module.scss b/components/common/DialogFooter/index.module.scss
index 9f29d949..c534e92f 100644
--- a/components/common/DialogFooter/index.module.scss
+++ b/components/common/DialogFooter/index.module.scss
@@ -4,8 +4,6 @@
   align-items: flex-end;
   background: var(--dialog-bg);
   bottom: -1px; // hack to fix content being visible 1px below
-  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.16);
-  border-top: 1px solid rgba(0, 0, 0, 0.24);
   display: flex;
   flex-direction: row;
   justify-content: space-between;