diff --git a/src/dashboardWebView/components/Contents/Contents.tsx b/src/dashboardWebView/components/Contents/Contents.tsx
index 9982119f..b6dc2c88 100644
--- a/src/dashboardWebView/components/Contents/Contents.tsx
+++ b/src/dashboardWebView/components/Contents/Contents.tsx
@@ -33,7 +33,7 @@ export const Contents: React.FunctionComponent<IContentsProps> = ({pages, loadin
     <PageLayout
       folders={pageFolders}
       totalPages={pageItems.length}>
-      <div className="w-full flex-grow max-w-7xl mx-auto py-6 px-4">
+      <div className="w-full flex-grow max-w-7xl mx-auto pb-6 px-4">
         { loading ? <Spinner /> : <Overview pages={pageItems} settings={settings} /> }
       </div>
 
diff --git a/src/dashboardWebView/components/Media/Media.tsx b/src/dashboardWebView/components/Media/Media.tsx
index 15319156..a9b1fc9e 100644
--- a/src/dashboardWebView/components/Media/Media.tsx
+++ b/src/dashboardWebView/components/Media/Media.tsx
@@ -78,7 +78,7 @@ export const Media: React.FunctionComponent<IMediaProps> = (props: React.PropsWi
   
   return (
     <PageLayout>
-      <div className="w-full h-full" {...getRootProps()}>
+      <div className="w-full h-full pb-6" {...getRootProps()}>
         {
           viewData?.data?.filePath && (
             <div className={`text-lg text-center mb-6`}>