diff --git a/src/lib/common/embedding/EmbeddingPage.svelte b/src/lib/common/embedding/EmbeddingPage.svelte
index 4ea385c0..d54ba9aa 100644
--- a/src/lib/common/embedding/EmbeddingPage.svelte
+++ b/src/lib/common/embedding/EmbeddingPage.svelte
@@ -3,7 +3,6 @@
     import { derived } from 'svelte/store';
     import { page } from '$app/stores';
     import { _ } from 'svelte-i18n';
-    import { Card, CardBody, Col, Row } from '@sveltestrap/sveltestrap';
 	import { getUserStore, globalMenuStore } from '$lib/helpers/store';
 	
     /** @type {string} */
@@ -92,14 +91,8 @@
 	};
 </script>
 
-<Row>
-	<Col lg="12">
-		<Card>
-			<CardBody
-                id={`${htmlTagId}`}
-                style="padding: 0px; height: calc(100vh - 230px);"
-            >
-            </CardBody>
-        </Card>
-    </Col>
-</Row>
\ No newline at end of file
+<div
+    id={`${htmlTagId}`}
+    class="embedding-container"
+>
+</div>
\ No newline at end of file
diff --git a/src/lib/scss/custom/pages/_agent.scss b/src/lib/scss/custom/pages/_agent.scss
index 4172dee4..1117ffab 100644
--- a/src/lib/scss/custom/pages/_agent.scss
+++ b/src/lib/scss/custom/pages/_agent.scss
@@ -392,3 +392,12 @@
         }
     }
 }
+
+.embedding-container {
+    padding: 0px;
+    height: calc(100vh - #{$header-height} - #{$grid-gutter-width} - #{$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));
+    margin-bottom: calc(-1 * #{$footer-height});
+}
\ No newline at end of file
diff --git a/src/lib/scss/custom/structure/_topbar.scss b/src/lib/scss/custom/structure/_topbar.scss
index d37e5c70..58e436b8 100644
--- a/src/lib/scss/custom/structure/_topbar.scss
+++ b/src/lib/scss/custom/structure/_topbar.scss
@@ -278,7 +278,7 @@ body[data-layout="horizontal"] {
     .page-content {
         margin-top: $header-height;
         padding: calc(55px + #{$grid-gutter-width}) calc(#{$grid-gutter-width} * 0.5) $footer-height calc(#{$grid-gutter-width} * 0.5);
-    }    
+    }
 }
 
 @media (max-width: 992px) {