diff --git a/src/components/Container.tsx b/src/components/Container.tsx
index 9581476..f0f2c67 100644
--- a/src/components/Container.tsx
+++ b/src/components/Container.tsx
@@ -5,19 +5,24 @@ type Props = {
    * Content of component
    */
   children: React.ReactNode;
+  /**
+   * Display variants of container
+   */
+  variant?: "straight" | "wide";
   /**
    * Component styling
    */
   className?: string;
-} & Omit<React.ComponentPropsWithoutRef<"div">, "">
+};
 /**
  * Main container to handle page content max-width on
  * different screen sizes
  */
-export default function Container({children, className}: Props) {
+export default function Container({ children, variant, className }: Props) {
+  const wideClass = variant == "straight" ? "container" : "container-wide";
   return (
-    <div className={ classNames('container mx-auto', className) }>
+    <div className={classNames("mx-auto", wideClass, className)}>
       {children}
     </div>
-  )
+  );
 }