diff --git a/changelog/unreleased/enhancement-runtime-footer-portal b/changelog/unreleased/enhancement-runtime-footer-portal
new file mode 100644
index 00000000000..cdc564fa18c
--- /dev/null
+++ b/changelog/unreleased/enhancement-runtime-footer-portal
@@ -0,0 +1,5 @@
+Enhancement: Add new portal into runtime to include footer
+
+We've added a new portal into the application layout of runtime package. This portals allows developers to add new content below the app container. The name of the portal is `app.runtime.footer`.
+
+https://github.com/owncloud/web/pull/9815
diff --git a/packages/web-runtime/src/layouts/Application.vue b/packages/web-runtime/src/layouts/Application.vue
index d81d1efa838..12316795120 100644
--- a/packages/web-runtime/src/layouts/Application.vue
+++ b/packages/web-runtime/src/layouts/Application.vue
@@ -23,6 +23,8 @@
           />
         </template>
       </div>
+
+      <portal-target name="app.runtime.footer" />
     </div>
     <div class="snackbars">
       <message-bar :active-messages="activeMessages" @delete-message="deleteMessage" />
@@ -226,7 +228,11 @@ export default defineComponent({
   }
 
   #web-content-main {
+    align-items: flex-start;
+    display: flex;
+    flex-direction: column;
     flex-grow: 1;
+    justify-content: flex-start;
     overflow-y: hidden;
 
     .app-container {
@@ -234,6 +240,7 @@ export default defineComponent({
       background-color: var(--oc-color-background-default);
       border-radius: 15px;
       overflow: hidden;
+      width: 100%;
 
       .app-content {
         transition: all 0.35s cubic-bezier(0.34, 0.11, 0, 1.12);