From 1b84ac2855e9415406b718f2f6285e5f9002f686 Mon Sep 17 00:00:00 2001
From: Micaela Torres <micaela.torres@xmartlabs.com>
Date: Thu, 11 Jan 2024 11:27:34 -0300
Subject: [PATCH] fix: updated footer and navbar component to stop using old
 global container class (#70)

---
 src/common/footer/footer.tsx | 4 ++--
 src/common/navbar/navbar.tsx | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/common/footer/footer.tsx b/src/common/footer/footer.tsx
index 3643e99..8f15ceb 100644
--- a/src/common/footer/footer.tsx
+++ b/src/common/footer/footer.tsx
@@ -1,8 +1,8 @@
-import globalStyles from "assets/stylesheets/global-styles.module.scss";
+import { Container } from "common/container";
 import styles from "./footer.module.scss";
 
 export const Footer = () => (
   <div className={styles.container}>
-    <div className={globalStyles.genericContainer}>Footer</div>
+    <Container>Footer</Container>
   </div>
 );
diff --git a/src/common/navbar/navbar.tsx b/src/common/navbar/navbar.tsx
index f17de03..0db9172 100644
--- a/src/common/navbar/navbar.tsx
+++ b/src/common/navbar/navbar.tsx
@@ -2,11 +2,12 @@ import { RouteName } from "routes/routes";
 import globalStyles from "assets/stylesheets/global-styles.module.scss";
 import { AppLink } from "common/app-link";
 import { Avatar } from "common/avatar";
+import { Container } from "common/container";
 import styles from "./navbar.module.scss";
 
 export const Navbar = () => (
   <div className={styles.container}>
-    <div className={globalStyles.genericContainer}>
+    <Container>
       <div className={styles.internalContainer}>
         <div>
           <AppLink routeName={RouteName.Home}>Logo goes here</AppLink>
@@ -20,6 +21,6 @@ export const Navbar = () => (
           <Avatar size="s" />
         </div>
       </div>
-    </div>
+    </Container>
   </div>
 );