diff --git a/src/components/modals/ModalFrame.vue b/src/components/modals/ModalFrame.vue
index 2b888eb6..608ab894 100644
--- a/src/components/modals/ModalFrame.vue
+++ b/src/components/modals/ModalFrame.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="fixed top-0 flex h-[100vh] w-full bg-black/50">
+  <div class="fixed top-0 flex h-[100vh] w-full bg-black/50 overflow-scroll">
     <ModalInner
       :class="['p-10', 'z-100', 'm-auto'].concat(props.class)"
       :heading="heading"
diff --git a/src/views/AdvancedCardViewPage.vue b/src/views/AdvancedCardViewPage.vue
index e6a90a6c..a48f7bb8 100644
--- a/src/views/AdvancedCardViewPage.vue
+++ b/src/views/AdvancedCardViewPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-black text-white flex lg:h-[80vh] p-16 lg:p-8" />
+  <div class="h-screen bg-black text-white flex lg:h-[80vh] p-16 lg:p-8" />
   <CardviewModal
     :id="state.id"
     @close="$router.back()"