diff --git a/app/globals.css b/app/globals.css
index 7a50229..cfd5a00 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -179,11 +179,11 @@
 
 @layer utilities {
   .pxPage {
-    @apply m:px-[--page-x-spacing] px-6;
+    @apply px-6 m:px-[--page-x-spacing];
   }
 
   .pxPageTwo {
-    @apply m:px-[--page-x-spacing2] px-6;
+    @apply px-6 m:px-[--page-x-spacing2];
   }
 
   .checkBox + span {
diff --git a/components/footer/index.tsx b/components/footer/index.tsx
index 80a900a..c25ee5f 100644
--- a/components/footer/index.tsx
+++ b/components/footer/index.tsx
@@ -9,7 +9,7 @@ export default function Footer() {
           <span className="mb-6 block text-2xl font-extrabold">
             {env.NEXT_PUBLIC_SITE_NAME}
           </span>
-          <div className="m:flex-row flex w-full flex-col items-start justify-between gap-6">
+          <div className="flex w-full flex-col items-start justify-between gap-6 m:flex-row">
             <div className="!w-[10rem] flex-shrink-0 text-sm text-black">
               @ {year}{" "}
               <a href="/" className="ml-1 hover:underline">