diff --git a/src/lib/scss/custom/pages/_agent.scss b/src/lib/scss/custom/pages/_agent.scss
index e6d35154..a8b264bc 100644
--- a/src/lib/scss/custom/pages/_agent.scss
+++ b/src/lib/scss/custom/pages/_agent.scss
@@ -434,7 +434,7 @@
 
 .embedding-container {
     padding: 0px;
-    height: calc(100vh - #{$header-height} - #{$grid-gutter-width} - #{$footer-height});
+    height: calc(100vh - #{$header-height} - #{$grid-gutter-width} - 0.2 * #{$footer-height});
     width: calc(100% + #{$grid-gutter-width} * 2);
     margin-left: calc(-1 * (#{$grid-gutter-width} * 0.75 + #{$grid-gutter-width} * 0.5));
     margin-right: calc(-1 * (#{$grid-gutter-width} * 0.75 + #{$grid-gutter-width} * 0.5));
diff --git a/src/routes/page/agent/[embed]/[embedType]/+page.svelte b/src/routes/page/agent/[embed]/[embedType]/+page.svelte
index 71ef21cb..8b4b8313 100644
--- a/src/routes/page/agent/[embed]/[embedType]/+page.svelte
+++ b/src/routes/page/agent/[embed]/[embedType]/+page.svelte
@@ -3,15 +3,19 @@
     import { page } from '$app/stores';
     import lodash from 'lodash';
 	import HeadTitle from "$lib/common/shared/HeadTitle.svelte";
-	import Breadcrumb from '$lib/common/shared/Breadcrumb.svelte';
 	import EmbeddingPage from '$lib/common/embedding/EmbeddingPage.svelte';
 
     /** @type {string?} */
     let label = '';
 </script>
 
+<svelte:head>
+    <style>
+        .footer { display: none !important; }
+    </style>
+</svelte:head>
+
 <HeadTitle title="{$_(label || 'Agent')}" addOn={`${lodash.capitalize($page.params.embed || '')}`} />
-<Breadcrumb title="{$_('Agent')}" pagetitle="{$_(label || 'Agent')}" />
 
 <EmbeddingPage
     htmlTagId="agent-embed-content"