diff --git a/src/components/Dropdown/DropdownPopover.tsx b/src/components/Dropdown/DropdownPopover.tsx
index 1cce004..bbb2767 100644
--- a/src/components/Dropdown/DropdownPopover.tsx
+++ b/src/components/Dropdown/DropdownPopover.tsx
@@ -65,8 +65,8 @@ const DropdownPopover = ({
const isFilter = variant === "filter";
const sizeClass = isFilter
- ? "md:w-[24.375rem] md:h-[52.75rem]"
- : "md:w-[23rem] md:h-[26.25rem]";
+ ? "sm:w-[24.375rem] sm:h-[52.75rem]"
+ : "sm:w-[23rem] sm:h-[26.25rem]";
const colorClass = isFilter
? "bg-white border-gray-200"
@@ -76,7 +76,7 @@ const DropdownPopover = ({
"z-[9999]",
"rounded-2xl p-6 pr-5 pb-6 pl-5",
"shadow-[0px_2px_8px_0px_#78748640]",
- "border fixed md:absolute w-full h-full left-0 top-0",
+ "border fixed sm:absolute w-full h-full left-0 top-0",
colorClass,
sizeClass,
);
diff --git a/src/components/Modal/AlertModalLayout.tsx b/src/components/Modal/AlertModalLayout.tsx
index 754006c..2461138 100644
--- a/src/components/Modal/AlertModalLayout.tsx
+++ b/src/components/Modal/AlertModalLayout.tsx
@@ -35,15 +35,15 @@ export default function AlertModalLayout({
bg-white rounded-lg text-center relative
${
type === "message"
- ? "w-[20.625rem] h-[13.75rem] md:w-[33.75rem] md:h-[15.625rem]"
- : "w-[18.625rem] h-[11.5rem] md:w-[18.625rem] md:h-[11.5rem]"
+ ? "w-[20.625rem] h-[13.75rem] sm:w-[33.75rem] sm:h-[15.625rem]"
+ : "w-[18.625rem] h-[11.5rem] sm:w-[19.625rem] sm:h-[11.5rem]"
}
p-6 flex flex-col justify-center items-center
`}
onClick={(e) => e.stopPropagation()}
>
- {Icon &&
{message}
+ {Icon &&{message}
+ +
{message}