diff --git a/packages/components/src/components/bal-popup/bal-popup.sass b/packages/components/src/components/bal-popup/bal-popup.sass
index 591b955b16..0ecd91fbf3 100644
--- a/packages/components/src/components/bal-popup/bal-popup.sass
+++ b/packages/components/src/components/bal-popup/bal-popup.sass
@@ -16,6 +16,21 @@
   visibility: hidden
   padding-top: var(--bal-popup-container-padding-top)
   padding-bottom: var(--bal-popup-container-padding-bottom)
+  flex-grow: 1
+  margin: 0 auto
+  position: relative
+  width: auto
+  width: 100% !important
+  padding-left: var(--bal-container-space)
+  padding-right: var(--bal-container-space)
+  +tablet
+    padding-left: var(--bal-container-space-tablet)
+    padding-right: var(--bal-container-space-tablet)
+  +desktop
+    padding-left: var(--bal-container-space-desktop)
+    padding-right: var(--bal-container-space-desktop)
+    max-width: var(--bal-container-size-normal)
+
 
   //
   // variants
diff --git a/packages/components/src/components/bal-popup/variants/drawer-variant.renderer.ts b/packages/components/src/components/bal-popup/variants/drawer-variant.renderer.ts
index 08c47818d5..7c5a2d06c1 100644
--- a/packages/components/src/components/bal-popup/variants/drawer-variant.renderer.ts
+++ b/packages/components/src/components/bal-popup/variants/drawer-variant.renderer.ts
@@ -13,7 +13,6 @@ export class DrawerVariantRenderer extends AbstractVariantRenderer implements Po
       component.containerEl.style.setProperty('inset', `auto 0px 0px 0px`)
       component.containerEl.style.setProperty('bottom', `${this.offset}px`)
       component.backdropEl.style.setProperty('bottom', `${this.offset}px`)
-      component.containerEl.classList.add('container')
 
       this.showBackdropElement(component, this.backdrop)
       this.showContainerElement(component)
@@ -34,7 +33,6 @@ export class DrawerVariantRenderer extends AbstractVariantRenderer implements Po
       this.hideContainerElement(component)
 
       component.containerEl.style.removeProperty('inset')
-      component.containerEl.classList.remove('container')
       component.containerEl.style.removeProperty('bottom')
       component.backdropEl.style.removeProperty('bottom')
       return true
diff --git a/packages/components/src/components/bal-popup/variants/fullscreen-variant.renderer.ts b/packages/components/src/components/bal-popup/variants/fullscreen-variant.renderer.ts
index ce8660f057..2cd54d9a04 100644
--- a/packages/components/src/components/bal-popup/variants/fullscreen-variant.renderer.ts
+++ b/packages/components/src/components/bal-popup/variants/fullscreen-variant.renderer.ts
@@ -17,7 +17,6 @@ export class FullscreenVariantRenderer extends AbstractVariantRenderer implement
       this.showContainerElement(component)
       this.showArrowElement(component)
 
-      component.containerEl.classList.add('container')
       return true
     }
     return false
@@ -34,7 +33,6 @@ export class FullscreenVariantRenderer extends AbstractVariantRenderer implement
       this.hideArrowElement(component)
       component.containerEl.style.removeProperty('box-shadow')
       component.containerEl.style.removeProperty('inset')
-      component.containerEl.classList.remove('container')
       return true
     }
     return false