diff --git a/src/containers/PodcastsContainer.tsx b/src/containers/PodcastsContainer.tsx
index 953f159..dbc6dab 100644
--- a/src/containers/PodcastsContainer.tsx
+++ b/src/containers/PodcastsContainer.tsx
@@ -5,6 +5,7 @@ import PodcastsLists from '@/components/Podcasts/Podcasts.Lists'
 import { uiConfigs } from '@/configs/ui.configs'
 import styled from '@emotion/styled'
 import { LPE } from '../types/lpe.types'
+import { lsdUtils } from '../utils/lsd.utils'
 
 interface Props {
   shows: LPE.Podcast.Show[]
@@ -71,8 +72,10 @@ const PodcastsBodyContainer = styled(GridItem)``
 
 const PodcastsGrid = styled(Grid)`
   width: 100%;
-  @media (max-width: 768px) {
-    margin-top: ${uiConfigs.navbarRenderedHeight + 80}px;
+  padding-top: 64px;
+
+  ${(props) => lsdUtils.breakpoint(props.theme, 'xs', 'exact')} {
+    padding-top: 24px;
   }
 `
 
diff --git a/src/pages/podcasts/index.tsx b/src/pages/podcasts/index.tsx
index 89f7cfe..af89bbd 100644
--- a/src/pages/podcasts/index.tsx
+++ b/src/pages/podcasts/index.tsx
@@ -73,7 +73,7 @@ export const getStaticProps = async ({ params }: GetStaticPropsContext) => {
 }
 
 PodcastShowPage.getLayout = function getLayout(page: ReactNode) {
-  return <DefaultLayout>{page}</DefaultLayout>
+  return <DefaultLayout mainProps={{ spacing: false }}>{page}</DefaultLayout>
 }
 
 export default PodcastShowPage