diff --git a/src/index.css b/src/index.css
index ecfa7c5..424310d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -2,27 +2,30 @@
     height: 100%;
     width: 100%;
     position: relative;
-    padding-top: 82px;
 }
 
 body {
     background-image: linear-gradient(90deg, #33b7e2, #a680da, #fd81b8);
 }
 
-nav {
+.PublicLayout {
+    padding-top: 82px;
+}
+
+.PublicLayout nav {
     height: 82px;
 }
 
-main {
+.PublicLayout main {
     padding: 30px 10px;
 }
 
-main > .container {
+.PublicLayout main > .container {
     min-height: calc(100vh - 198px);
     transition: height 0.3s;
     max-width: 1024px;
 }
 
-footer {
+.PublicLayout footer {
     height: 56px;
 }
diff --git a/src/view/layouts/PublicLayout.tsx b/src/view/layouts/PublicLayout.tsx
index e02dc4e..a70a9c0 100644
--- a/src/view/layouts/PublicLayout.tsx
+++ b/src/view/layouts/PublicLayout.tsx
@@ -18,7 +18,7 @@ export function PublicLayout () {
   })
 
   return (
-    <>
+    <div className="PublicLayout">
       <nav className="navbar navbar-expand-lg bg-body-tertiary fixed-top">
         <div className="container-fluid">
           <Link
@@ -70,6 +70,6 @@ export function PublicLayout () {
           <small className="text-light-emphasis">{t('copyright')}</small>
         </div>
       </footer>
-    </>
+    </div>
   )
 }