diff --git a/client/src/components/marginals/DesktopNavbar.js b/client/src/components/marginals/DesktopNavbar.js
index 8b2e7342..4cacc89c 100644
--- a/client/src/components/marginals/DesktopNavbar.js
+++ b/client/src/components/marginals/DesktopNavbar.js
@@ -33,7 +33,7 @@ const DesktopNavbar = () => {
   };
 
   return (
-    <Container maxWidth='xl'>
+    <Container>
       <nav
         aria-label='Monday Morning Navigation'
         className={classes.navContainer}
diff --git a/client/src/components/marginals/Footer.js b/client/src/components/marginals/Footer.js
index a692cb6f..d4e89170 100644
--- a/client/src/components/marginals/Footer.js
+++ b/client/src/components/marginals/Footer.js
@@ -14,7 +14,7 @@ const Footer = () => {
   const classes = useStyles();
   return (
     <div className={classes.wrapper}>
-      <Container maxWidth='xl'>
+      <Container>
         <Grid container direction='row'>
           <Grid item sm={6} md={4}>
             <div className={classes.aboutInfo}>
diff --git a/client/src/components/marginals/TopBar.js b/client/src/components/marginals/TopBar.js
index 091f98cd..e17cf430 100644
--- a/client/src/components/marginals/TopBar.js
+++ b/client/src/components/marginals/TopBar.js
@@ -8,7 +8,7 @@ const TopBar = () => {
   const classes = useStyles();
   return (
     <div className={classes.topBar}>
-      <Container maxWidth='xl'>
+      <Container>
         <div className={classes.container}>
           <ul className={classes.navList}>
             <li className={classes.navItem}>
diff --git a/client/src/components/portfolio/UserCard.js b/client/src/components/portfolio/UserCard.js
index 5e942820..ca392178 100644
--- a/client/src/components/portfolio/UserCard.js
+++ b/client/src/components/portfolio/UserCard.js
@@ -18,7 +18,7 @@ const UserCard = ({ user }) => {
     user;
 
   return (
-    <Container maxWidth='xl'>
+    <Container>
       <div className={classes.wrapper}>
         <Card className={classes.card}>
           <CardContent>
diff --git a/client/src/components/portfolio/Works.js b/client/src/components/portfolio/Works.js
index 77967b55..bcec9827 100644
--- a/client/src/components/portfolio/Works.js
+++ b/client/src/components/portfolio/Works.js
@@ -15,7 +15,7 @@ const Works = ({ user }) => {
   const { articleList } = user;
 
   return (
-    <Container maxWidth='xl'>
+    <Container>
       <div className={classes.wrapper}>
         <div className={classes.sectionWrapper}>
           {/* Content */}
diff --git a/client/src/config/ApolloClient.js b/client/src/config/ApolloClient.js
index c7a246ea..acb08b89 100644
--- a/client/src/config/ApolloClient.js
+++ b/client/src/config/ApolloClient.js
@@ -41,7 +41,7 @@ const link = from([
     uri:
       process.env.NODE_ENV === 'production'
         ? 'https://mm.dashnet.in/api/v1/graph'
-        : 'https://project-reclamation-staging.herokuapp.com/v1/graph',
+        : 'https://project-reclamation-staging.herokuapp.com/api/v1/graph',
   }),
 ]);
 
diff --git a/client/src/screens/About.js b/client/src/screens/About.js
index 2d6357ac..4869f600 100644
--- a/client/src/screens/About.js
+++ b/client/src/screens/About.js
@@ -12,7 +12,7 @@ import Team from '../components/about/Team';
 
 function About() {
   return (
-    <Container maxWidth='xl'>
+    <Container>
       <BackButton path='/' goTo='Home' />
       <AboutUs />
       <Content />
diff --git a/client/src/screens/Article.js b/client/src/screens/Article.js
index 8d786617..bf617223 100644
--- a/client/src/screens/Article.js
+++ b/client/src/screens/Article.js
@@ -24,7 +24,7 @@ function Article({ article }) {
 
   return (
     <>
-      <Container maxWidth='xl'>
+      <Container>
         <Grid container>
           <Grid item md={9}>
             <ArticleHeader article={article} />
diff --git a/client/src/screens/Category.js b/client/src/screens/Category.js
index fe060e42..44e8407c 100644
--- a/client/src/screens/Category.js
+++ b/client/src/screens/Category.js
@@ -20,7 +20,7 @@ function Category({ articleList, categoryShortName, category }) {
   return (
     <div className={classes.container}>
       <div className={classes.navbarContainer}>
-        <Container maxWidth='xl'>
+        <Container>
           <Typography variant='h1' className={classes.title}>
             {category.name}
           </Typography>
@@ -62,7 +62,7 @@ function Category({ articleList, categoryShortName, category }) {
       </div>
 
       <div>
-        <Container maxWidth='xl'>
+        <Container>
           <div className={classes.articlesCards}>
             {ROUTES.SUB_CATEGORIES.OBJECT[categoryShortName.toUpperCase()].map(
               ({ name, shortName, path }, index) => (
diff --git a/client/src/screens/Contact.js b/client/src/screens/Contact.js
index d39fd704..89f5942e 100644
--- a/client/src/screens/Contact.js
+++ b/client/src/screens/Contact.js
@@ -10,7 +10,7 @@ import Feedback from '../components/contact/Feedback';
 function Contact() {
   return (
     <div>
-      <Container maxWidth='xl'>
+      <Container>
         <BackButton path='/' goTo='Home' />
         <ContactUs />
         <Details />
diff --git a/client/src/screens/Expressions.js b/client/src/screens/Expressions.js
index 0021b6b8..ae978698 100644
--- a/client/src/screens/Expressions.js
+++ b/client/src/screens/Expressions.js
@@ -68,7 +68,7 @@ function Expressions() {
 
   return (
     <div className={classes.root}>
-      <Container maxWidth='xl'>
+      <Container>
         <div className={classes.header}>
           <Typography variant='h1' className={classes.head}>
             Expressions
diff --git a/client/src/screens/Guide.js b/client/src/screens/Guide.js
index 6c4fbb4c..8ff2dcc5 100644
--- a/client/src/screens/Guide.js
+++ b/client/src/screens/Guide.js
@@ -23,7 +23,7 @@ function Contact({ issues }) {
 
   return (
     <div>
-      <Container maxWidth='xl'>
+      <Container>
         <BackButton path='/' goTo='Home' />
         <Options />
       </Container>
diff --git a/client/src/screens/Home.js b/client/src/screens/Home.js
index 40e294e6..13337559 100644
--- a/client/src/screens/Home.js
+++ b/client/src/screens/Home.js
@@ -28,7 +28,7 @@ function Home({ issues, squiggles }) {
 
   return (
     <>
-      <Container maxWidth='xl'>
+      <Container>
         <ArticleGrid articles={featured} />
         <Squiggles data={squiggles} />
 
diff --git a/client/src/screens/Live.js b/client/src/screens/Live.js
index c93abccf..af94b99b 100644
--- a/client/src/screens/Live.js
+++ b/client/src/screens/Live.js
@@ -46,7 +46,7 @@ function Live() {
   };
 
   return (
-    <Container maxWidth='xl'>
+    <Container>
       <Typography variant='h2' className={classes.title}>
         Live
       </Typography>
diff --git a/client/src/screens/Podcast.js b/client/src/screens/Podcast.js
index ebbafb3f..7efabc04 100644
--- a/client/src/screens/Podcast.js
+++ b/client/src/screens/Podcast.js
@@ -9,7 +9,7 @@ import PodcastList from '../components/podcast/List';
 
 const Podcast = () => (
   <>
-    <Container maxWidth='xl'>
+    <Container>
       <BackLink />
     </Container>
     <LatestPodcast />
diff --git a/client/src/screens/Policy.js b/client/src/screens/Policy.js
index cd7cbbaf..6e4ef7a8 100644
--- a/client/src/screens/Policy.js
+++ b/client/src/screens/Policy.js
@@ -9,7 +9,7 @@ import BackButton from '../components/shared/button/BackButton';
 
 function Policy() {
   return (
-    <Container maxWidth='xl'>
+    <Container>
       <BackButton path='/' goTo='Home' />
       <Terms />
     </Container>
diff --git a/client/src/screens/SearchPage.jsx b/client/src/screens/SearchPage.jsx
index 1de4da30..947334b4 100644
--- a/client/src/screens/SearchPage.jsx
+++ b/client/src/screens/SearchPage.jsx
@@ -11,7 +11,7 @@ import ArticleCardStack from '../components/widgets/article/ArticleCardStack';
 const SearchPage = ({ articles, keyword }) => {
   const classes = useStyles();
   return (
-    <Container maxWidth='xl'>
+    <Container>
       <Typography variant='h3' component='h3' className={classes.text}>
         {!articles && <span>NO</span>} Search results for - "{keyword}"
       </Typography>