diff --git a/src/app/(auth-state)/layout.tsx b/src/app/(auth-state)/layout.tsx
index 1af6c543..f98f925d 100644
--- a/src/app/(auth-state)/layout.tsx
+++ b/src/app/(auth-state)/layout.tsx
@@ -1,4 +1,5 @@
 import FooterAuth from '@/components/FooterAuth';
+import PageContentContainer from '@/components/PageContentContainer';
 import { SessionProvider } from 'next-auth/react';
 
 export default function RootLayout({
@@ -8,10 +9,10 @@ export default function RootLayout({
 }) {
   return (
     <SessionProvider>
-      {children}
-      <div className="my-8">
-        <FooterAuth />
-      </div>
+      <PageContentContainer>
+        {children}
+      </PageContentContainer>
+      <FooterAuth />
     </SessionProvider>
   );
 }
diff --git a/src/app/(static)/layout.tsx b/src/app/(static)/layout.tsx
index e8ebd56b..abfc0e8b 100644
--- a/src/app/(static)/layout.tsx
+++ b/src/app/(static)/layout.tsx
@@ -1,4 +1,5 @@
 import FooterStatic from '@/components/FooterStatic';
+import PageContentContainer from '@/components/PageContentContainer';
 
 export default function RootLayout({
   children,
@@ -7,7 +8,9 @@ export default function RootLayout({
 }) {
   return (
     <>
-      {children}
+      <PageContentContainer>
+        {children}
+      </PageContentContainer>
       <FooterStatic />
     </>
   );
diff --git a/src/components/FooterAuth.tsx b/src/components/FooterAuth.tsx
index bd4b9b15..9aed1910 100644
--- a/src/components/FooterAuth.tsx
+++ b/src/components/FooterAuth.tsx
@@ -24,6 +24,7 @@ export default function FooterAuth() {
     <SiteGrid
       contentMain={<div className={cc(
         'flex items-center',
+        'my-8',
         'text-gray-400 dark:text-gray-500',
       )}>
         <div className="flex gap-x-4 gap-y-1 flex-wrap flex-grow">
diff --git a/src/components/PageContentContainer.tsx b/src/components/PageContentContainer.tsx
new file mode 100644
index 00000000..3915e9c4
--- /dev/null
+++ b/src/components/PageContentContainer.tsx
@@ -0,0 +1,11 @@
+export default function PageContentContainer({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <div className="min-h-[16rem] sm:min-h-[30rem]">
+      {children}
+    </div>
+  );
+}
diff --git a/src/photo/PhotosEmptyState.tsx b/src/photo/PhotosEmptyState.tsx
index 26bb0541..9373a5d8 100644
--- a/src/photo/PhotosEmptyState.tsx
+++ b/src/photo/PhotosEmptyState.tsx
@@ -29,7 +29,7 @@ export default function PhotosEmptyState() {
                 {' '}
                 <Link
                   href="/admin"
-                  className="underline hover:no-underline"
+                  className="hover:text-gray-800 hover:dark:text-gray-100"
                 >
                   /admin
                 </Link>