diff --git a/components/common/Modals/ModalElements/ModalDim.ts b/components/common/Modals/ModalElements/ModalDim.ts
index 48667b944..126c89be9 100644
--- a/components/common/Modals/ModalElements/ModalDim.ts
+++ b/components/common/Modals/ModalElements/ModalDim.ts
@@ -1,6 +1,6 @@
 import styled from "styled-components";
 
-export const ModalDim = styled.button`
+export const ModalDim = styled.div`
   background-color: #000;
   opacity: 0.4;
   position: fixed;
diff --git a/components/common/Modals/ModalProp.ts b/components/common/Modals/ModalProp.ts
index 77e9841c2..7a917d523 100644
--- a/components/common/Modals/ModalProp.ts
+++ b/components/common/Modals/ModalProp.ts
@@ -2,7 +2,7 @@ import { FolderListDataForm } from "@data-access/axios/getCategory";
 import { MouseEvent } from "react";
 
 export interface BaseModalProps {
-  handleCloseModal: (event: MouseEvent<HTMLButtonElement>) => void;
+  handleCloseModal: (event: MouseEvent<HTMLElement>) => void;
 }
 
 export interface DeleteLinkProps extends BaseModalProps {