diff --git a/src/pages/videos.tsx b/src/pages/videos.tsx
index 9bfd8ed..b8e69a4 100644
--- a/src/pages/videos.tsx
+++ b/src/pages/videos.tsx
@@ -44,9 +44,13 @@ const VideoList: NextPage = () => {
           </div>
         </div>
         <div className="flex w-full grow items-start justify-center overflow-auto bg-[#fbfbfb] pt-14">
-          {["active", "past_due"].includes(
+          {!isLoading &&
+          status !== "loading" &&
+          !["active", "past_due"].includes(
             session?.user.stripeSubscriptionStatus ?? ""
           ) ? (
+            <Checkout />
+          ) : (
             <div className="flex-start grid w-full max-w-[1300px] grid-cols-[repeat(auto-fill,250px)] flex-row flex-wrap items-center justify-center gap-14 px-4 pb-16">
               {videos &&
                 videos.map(({ title, id, createdAt }) => (
@@ -73,8 +77,6 @@ const VideoList: NextPage = () => {
                 </div>
               ) : null}
             </div>
-          ) : (
-            <Checkout />
           )}
         </div>
       </main>