diff --git a/components/styles.tsx b/components/styles.tsx
index 5f2116a5..2eef0733 100644
--- a/components/styles.tsx
+++ b/components/styles.tsx
@@ -1,5 +1,5 @@
 export const PageBodyWrapper = ({ children, className, ...props }) => (
-  <div className={`${className} min-h-screen`} {...props}>
+  <div className={`${className} h-full`} {...props}>
     {children}
   </div>
 )
diff --git a/pages/index.tsx b/pages/index.tsx
index df364df0..05e3a9f3 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -40,7 +40,7 @@ const Index = () => {
   }, [])
 
   return (
-    <div className={`bg-th-bkg-1 text-th-fgd-1 transition-all `}>
+    <div className={`bg-th-bkg-1 text-th-fgd-1 transition-all min-h-screen`}>
       <TopBar />
       <MarketSelect />
       <PageBodyWrapper className="p-1 sm:px-2 sm:py-1 md:px-2 md:py-1">
diff --git a/pages/market.tsx b/pages/market.tsx
index 9ec768dc..7b3d64f9 100644
--- a/pages/market.tsx
+++ b/pages/market.tsx
@@ -95,7 +95,7 @@ const PerpMarket = () => {
   }, [router, marketConfig])
 
   return (
-    <div className={`bg-th-bkg-1 text-th-fgd-1 transition-all `}>
+    <div className={`bg-th-bkg-1 text-th-fgd-1 transition-all min-h-screen`}>
       {showTour && !hideTips ? <IntroTips connected={connected} /> : null}
       <TopBar />
       <MarketSelect />