diff --git a/components/Container.tsx b/components/Container.tsx
index 4c50c01..dfa32de 100644
--- a/components/Container.tsx
+++ b/components/Container.tsx
@@ -1,6 +1,6 @@
-const Container = ({ ignoreColor, className, children }:ContainerProps): JSX.Element => {
+const Container = ({ ignoreColor, className, paddingTop=false, children }:ContainerProps): JSX.Element => {
 	return (
-		<div className={ignoreColor ? null : 'bg-white dark:bg-discord-dark text-black dark:text-gray-100'}>
+		<div className={`${ignoreColor ? '' : 'bg-white dark:bg-discord-dark text-black dark:text-gray-100'} ${paddingTop ? 'pt-20' : ''}`}>
 			<div className={`container mx-auto px-4 ${className}`}>
 				{children}
 			</div>
@@ -11,6 +11,7 @@ const Container = ({ ignoreColor, className, children }:ContainerProps): JSX.Ele
 interface ContainerProps {
   ignoreColor?: boolean
   className?: string
+  paddingTop?: boolean
   children: JSX.Element | JSX.Element[]
 }