diff --git a/src/components/shared/confirmation/Confirmation.scss b/src/components/shared/confirmation/Confirmation.scss
index 4eac234..26e1b06 100644
--- a/src/components/shared/confirmation/Confirmation.scss
+++ b/src/components/shared/confirmation/Confirmation.scss
@@ -1,4 +1,4 @@
-main {
+.confirmation {
     position: fixed;
     z-index: var(--bottomnav-zindex);
     box-sizing: border-box;
diff --git a/src/components/shared/confirmation/Confirmation.tsx b/src/components/shared/confirmation/Confirmation.tsx
index a324c07..473c8d4 100644
--- a/src/components/shared/confirmation/Confirmation.tsx
+++ b/src/components/shared/confirmation/Confirmation.tsx
@@ -29,7 +29,7 @@ function Confirmation({
   };
 
   return (
-    <main className="mainContainer" style={mainContainerStyle}>
+    <main className="mainContainer confirmation" style={mainContainerStyle}>
       <section className="confirmationContainer">
         <div className="titleWrapper">
           <Text typography="t3" bold color="gray900" display="block" textAlign="start">