diff --git a/src/components/dialog/SiteResourceDialog.vue b/src/components/dialog/SiteResourceDialog.vue
index fdacfa18..1fafcd48 100644
--- a/src/components/dialog/SiteResourceDialog.vue
+++ b/src/components/dialog/SiteResourceDialog.vue
@@ -113,7 +113,7 @@ onMounted(() => {
           </VToolbarItems>
         </VToolbar>
       </div>
-      <VCardText class="pt-2 px-0">
+      <VCardText class="px-0 py-0 my-0">
         <VDataTable
           v-model:items-per-page="resourceItemsPerPage"
           :headers="resourceHeaders"
diff --git a/src/layouts/components/Footer.vue b/src/layouts/components/Footer.vue
index 133155b1..0a2cc127 100644
--- a/src/layouts/components/Footer.vue
+++ b/src/layouts/components/Footer.vue
@@ -21,15 +21,15 @@ const activeState = computed(() => {
   }
 })
 
-const currentPath = computed(() => route.path)
+const moreActiveState = computed(() => {
+  return !Object.values(activeState.value).some(v => v)
+})
 
-const toggleMoreMenu = () => {
-  moreMenuDialog.value = !moreMenuDialog.value
-}
+const currentPath = computed(() => route.path)
 </script>
 
 <template>
-  <div v-if="appMode" class="w-100" style="block-size: calc(3.5rem + env(safe-area-inset-bottom))">
+  <div v-if="appMode" class="w-100">
     <VBottomNavigation
       grow
       horizontal
@@ -58,7 +58,7 @@ const toggleMoreMenu = () => {
         <VIcon
           size="28"
           :icon="moreMenuDialog ? 'mdi-close' : 'mdi-dots-horizontal'"
-          :color="moreMenuDialog ? 'primary' : ''"
+          :color="moreActiveState ? 'primary' : ''"
         />
         <VMenu v-model="moreMenuDialog" close-on-content-click activator="parent">
           <VDivider />