diff --git a/packages/components/src/components/drawer/drawer.e2e.ts b/packages/components/src/components/drawer/drawer.e2e.ts
index 2174932772..44d7bb63f7 100644
--- a/packages/components/src/components/drawer/drawer.e2e.ts
+++ b/packages/components/src/components/drawer/drawer.e2e.ts
@@ -5,7 +5,7 @@ import { KolEvent } from '../../utils/events';
 test.describe('kol-drawer', () => {
 	test.describe('Callbacks', () => {
 		test(`should call 'onClose' callback when drawer is closed`, async ({ page }) => {
-			await page.setContent('<kol-drawer _label="Details" _modal>Drawer content</kol-drawer>');
+			await page.setContent('<kol-drawer _label="Details" >Drawer content</kol-drawer>');
 			const kolDrawer = page.locator('kol-drawer');
 
 			const callbackPromise = kolDrawer.evaluate((element: HTMLKolDrawerElement) => {
@@ -27,7 +27,7 @@ test.describe('kol-drawer', () => {
 
 	test.describe('DOM events', () => {
 		test(`should emit 'close' when drawer is closed`, async ({ page }) => {
-			await page.setContent('<kol-drawer _label="Details" _modal>Drawer content</kol-drawer>');
+			await page.setContent('<kol-drawer _label="Details" >Drawer content</kol-drawer>');
 			const kolDrawer = page.locator('kol-drawer');
 
 			const eventPromise = kolDrawer.evaluate((element: HTMLKolDrawerElement, KolEvent) => {
diff --git a/packages/components/src/components/drawer/shadow.tsx b/packages/components/src/components/drawer/shadow.tsx
index d2071cd7ef..7a3f5adbb6 100644
--- a/packages/components/src/components/drawer/shadow.tsx
+++ b/packages/components/src/components/drawer/shadow.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
-import type { AlignPropType, DrawerAPI, DrawerStates, KoliBriModalEventCallbacks, LabelPropType, ModalPropType, OpenPropType } from '../../schema';
-import { setState, validateAlign, validateLabel, validateModal, validateOpen } from '../../schema';
+import type { AlignPropType, DrawerAPI, DrawerStates, KoliBriModalEventCallbacks, LabelPropType, OpenPropType } from '../../schema';
+import { setState, validateAlign, validateLabel, validateOpen } from '../../schema';
 import type { JSX } from '@stencil/core';
 import { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';
 import { dispatchDomEvent, KolEvent } from '../../utils/events';
@@ -28,11 +28,7 @@ export class KolDrawer implements DrawerAPI {
 			...this.state,
 			_open: true,
 		};
-		if (this.state._modal) {
-			this.dialogElement?.showModal();
-		} else {
-			this.dialogElement?.show();
-		}
+		this.dialogElement?.showModal();
 	}
 
 	@Method()
@@ -71,13 +67,8 @@ export class KolDrawer implements DrawerAPI {
 
 	private getRef = (el: HTMLDialogElement | undefined) => (this.dialogElement = el as HTMLDialogElement);
 	public render(): JSX.Element {
-		const isModal = this.state._modal;
 		return (
-			<Host
-				class={clsx('kol-drawer--modal', {
-					'kol-drawer--modal': isModal,
-				})}
-			>
+			<Host class="kol-drawer">
 				<dialog class="kol-drawer__dialog" ref={this.getRef}>
 					{this.renderDialogContent()}
 				</dialog>
@@ -100,11 +91,6 @@ export class KolDrawer implements DrawerAPI {
 	 */
 	@Prop() public _label!: LabelPropType;
 
-	/**
-	 * Indicates whether the drawer is a modal.
-	 */
-	@Prop() public _modal?: ModalPropType;
-
 	/**
 	 * Specifies the EventCallback function to be called when the drawer is closing.
 	 */
@@ -128,11 +114,6 @@ export class KolDrawer implements DrawerAPI {
 		validateAlign(this, value);
 	}
 
-	@Watch('_modal')
-	public validateModal(value?: ModalPropType): void {
-		validateModal(this, value);
-	}
-
 	@Watch('_open')
 	public async validateOpen(value?: OpenPropType): Promise<void> {
 		if (typeof value === 'boolean') {
@@ -188,7 +169,6 @@ export class KolDrawer implements DrawerAPI {
 		this.validateLabel(this._label);
 		await this.validateOpen(this._open);
 		this.validateAlign(this._align);
-		this.validateModal(this._modal);
 		this.validateOn(this._on);
 	}
 }
diff --git a/packages/components/src/components/drawer/test/__snapshots__/snapshot.spec.tsx.snap b/packages/components/src/components/drawer/test/__snapshots__/snapshot.spec.tsx.snap
index 18d5cf0bd2..f1bc8efbbe 100644
--- a/packages/components/src/components/drawer/test/__snapshots__/snapshot.spec.tsx.snap
+++ b/packages/components/src/components/drawer/test/__snapshots__/snapshot.spec.tsx.snap
@@ -1,77 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`kol-drawer should render with _label="Label" _modal=false _open=false 1`] = `
-<kol-drawer class="kol-drawer--modal">
-  <template shadowrootmode="open">
-    <dialog class="kol-drawer__dialog">
-      <div aria-label="Label" class="kol-drawer__wrapper kol-drawer__wrapper--is-closing kol-drawer__wrapper--top">
-        <div class="kol-drawer__content">
-          <slot></slot>
-        </div>
-      </div>
-    </dialog>
-  </template>
-</kol-drawer>
-`;
-
-exports[`kol-drawer should render with _label="Label" _modal=false _open=true _variant="bottom" 1`] = `
-<kol-drawer _variant="bottom" class="kol-drawer--modal">
-  <template shadowrootmode="open">
-    <dialog class="kol-drawer__dialog">
-      <div aria-label="Label" class="kol-drawer__wrapper kol-drawer__wrapper--open kol-drawer__wrapper--top">
-        <div class="kol-drawer__content">
-          <slot></slot>
-        </div>
-      </div>
-    </dialog>
-  </template>
-</kol-drawer>
-`;
-
-exports[`kol-drawer should render with _label="Label" _modal=false _open=true _variant="left" 1`] = `
-<kol-drawer _variant="left" class="kol-drawer--modal">
-  <template shadowrootmode="open">
-    <dialog class="kol-drawer__dialog">
-      <div aria-label="Label" class="kol-drawer__wrapper kol-drawer__wrapper--open kol-drawer__wrapper--top">
-        <div class="kol-drawer__content">
-          <slot></slot>
-        </div>
-      </div>
-    </dialog>
-  </template>
-</kol-drawer>
-`;
-
-exports[`kol-drawer should render with _label="Label" _modal=false _open=true _variant="right" 1`] = `
-<kol-drawer _variant="right" class="kol-drawer--modal">
-  <template shadowrootmode="open">
-    <dialog class="kol-drawer__dialog">
-      <div aria-label="Label" class="kol-drawer__wrapper kol-drawer__wrapper--open kol-drawer__wrapper--top">
-        <div class="kol-drawer__content">
-          <slot></slot>
-        </div>
-      </div>
-    </dialog>
-  </template>
-</kol-drawer>
-`;
-
-exports[`kol-drawer should render with _label="Label" _modal=false _open=true _variant="top" 1`] = `
-<kol-drawer _variant="top" class="kol-drawer--modal">
-  <template shadowrootmode="open">
-    <dialog class="kol-drawer__dialog">
-      <div aria-label="Label" class="kol-drawer__wrapper kol-drawer__wrapper--open kol-drawer__wrapper--top">
-        <div class="kol-drawer__content">
-          <slot></slot>
-        </div>
-      </div>
-    </dialog>
-  </template>
-</kol-drawer>
-`;
-
-exports[`kol-drawer should render with _label="Label" _modal=true _open=false 1`] = `
-<kol-drawer class="kol-drawer--modal">
+exports[`kol-drawer should render with _label="Label" _open=false 1`] = `
+<kol-drawer class="kol-drawer">
   <template shadowrootmode="open">
     <dialog class="kol-drawer__dialog">
       <div aria-label="Label" class="kol-drawer__wrapper kol-drawer__wrapper--is-closing kol-drawer__wrapper--top">
@@ -84,8 +14,8 @@ exports[`kol-drawer should render with _label="Label" _modal=true _open=false 1`
 </kol-drawer>
 `;
 
-exports[`kol-drawer should render with _label="Label" _modal=true _open=true _variant="bottom" 1`] = `
-<kol-drawer _variant="bottom" class="kol-drawer--modal">
+exports[`kol-drawer should render with _label="Label" _open=true _variant="bottom" 1`] = `
+<kol-drawer _variant="bottom" class="kol-drawer">
   <template shadowrootmode="open">
     <dialog class="kol-drawer__dialog">
       <div aria-label="Label" class="kol-drawer__wrapper kol-drawer__wrapper--open kol-drawer__wrapper--top">
@@ -98,8 +28,8 @@ exports[`kol-drawer should render with _label="Label" _modal=true _open=true _va
 </kol-drawer>
 `;
 
-exports[`kol-drawer should render with _label="Label" _modal=true _open=true _variant="left" 1`] = `
-<kol-drawer _variant="left" class="kol-drawer--modal">
+exports[`kol-drawer should render with _label="Label" _open=true _variant="left" 1`] = `
+<kol-drawer _variant="left" class="kol-drawer">
   <template shadowrootmode="open">
     <dialog class="kol-drawer__dialog">
       <div aria-label="Label" class="kol-drawer__wrapper kol-drawer__wrapper--open kol-drawer__wrapper--top">
@@ -112,8 +42,8 @@ exports[`kol-drawer should render with _label="Label" _modal=true _open=true _va
 </kol-drawer>
 `;
 
-exports[`kol-drawer should render with _label="Label" _modal=true _open=true _variant="right" 1`] = `
-<kol-drawer _variant="right" class="kol-drawer--modal">
+exports[`kol-drawer should render with _label="Label" _open=true _variant="right" 1`] = `
+<kol-drawer _variant="right" class="kol-drawer">
   <template shadowrootmode="open">
     <dialog class="kol-drawer__dialog">
       <div aria-label="Label" class="kol-drawer__wrapper kol-drawer__wrapper--open kol-drawer__wrapper--top">
@@ -126,8 +56,8 @@ exports[`kol-drawer should render with _label="Label" _modal=true _open=true _va
 </kol-drawer>
 `;
 
-exports[`kol-drawer should render with _label="Label" _modal=true _open=true _variant="top" 1`] = `
-<kol-drawer _variant="top" class="kol-drawer--modal">
+exports[`kol-drawer should render with _label="Label" _open=true _variant="top" 1`] = `
+<kol-drawer _variant="top" class="kol-drawer">
   <template shadowrootmode="open">
     <dialog class="kol-drawer__dialog">
       <div aria-label="Label" class="kol-drawer__wrapper kol-drawer__wrapper--open kol-drawer__wrapper--top">
@@ -140,22 +70,8 @@ exports[`kol-drawer should render with _label="Label" _modal=true _open=true _va
 </kol-drawer>
 `;
 
-exports[`kol-drawer should render with _label="Label" _open=false 1`] = `
-<kol-drawer class="kol-drawer--modal">
-  <template shadowrootmode="open">
-    <dialog class="kol-drawer__dialog">
-      <div aria-label="Label" class="kol-drawer__wrapper kol-drawer__wrapper--is-closing kol-drawer__wrapper--top">
-        <div class="kol-drawer__content">
-          <slot></slot>
-        </div>
-      </div>
-    </dialog>
-  </template>
-</kol-drawer>
-`;
-
 exports[`kol-drawer should render with _label="Label" 1`] = `
-<kol-drawer class="kol-drawer--modal">
+<kol-drawer class="kol-drawer">
   <template shadowrootmode="open">
     <dialog class="kol-drawer__dialog">
       <div aria-label="Label" class="kol-drawer__wrapper kol-drawer__wrapper--is-closing kol-drawer__wrapper--top">
diff --git a/packages/components/src/components/drawer/test/snapshot.spec.tsx b/packages/components/src/components/drawer/test/snapshot.spec.tsx
index 8b1a9f712a..1f4aec4b54 100644
--- a/packages/components/src/components/drawer/test/snapshot.spec.tsx
+++ b/packages/components/src/components/drawer/test/snapshot.spec.tsx
@@ -4,25 +4,16 @@ import { executeSnapshotTests } from '../../../utils/testing';
 
 import { KolDrawer } from '../shadow';
 
-function getVariantsByModalMode(modal: boolean) {
-	return ['top', 'right', 'bottom', 'left'].map((variant) => ({
+const variants = ['top', 'right', 'bottom', 'left'];
+
+const testCases: DrawerProps[] = [
+	...variants.map((variant) => ({
 		_label: 'Label',
-		_modal: modal,
 		_open: true,
 		_variant: variant,
-	}));
-}
-
-executeSnapshotTests<DrawerProps>(
-	KolDrawerTag,
-	[KolDrawer],
-	[
-		{ _label: 'Label' },
-		{ _label: 'Label', _open: false },
-		{ _label: 'Label', _modal: false, _open: false },
-		{ _label: 'Label', _modal: true, _open: false },
+	})),
+	{ _label: 'Label' },
+	{ _label: 'Label', _open: false },
+];
 
-		...getVariantsByModalMode(false),
-		...getVariantsByModalMode(true),
-	],
-);
+executeSnapshotTests<DrawerProps>(KolDrawerTag, [KolDrawer], testCases);
diff --git a/packages/components/src/schema/components/drawer.ts b/packages/components/src/schema/components/drawer.ts
index d8b03286e8..92ce0a04a3 100644
--- a/packages/components/src/schema/components/drawer.ts
+++ b/packages/components/src/schema/components/drawer.ts
@@ -1,16 +1,15 @@
 import type { Generic } from 'adopted-style-sheets';
 
-import type { PropLabel, PropOpen, PropAlign, PropModal } from '../props';
+import type { PropLabel, PropOpen, PropAlign } from '../props';
 import type { KoliBriModalEventCallbacks } from '../types';
 
 type RequiredProps = PropLabel;
 type OptionalProps = PropAlign &
-	PropOpen &
-	PropModal & {
+	PropOpen & {
 		on: KoliBriModalEventCallbacks;
 	};
 type RequiredStates = PropAlign & PropOpen & PropLabel;
-type OptionalStates = PropModal & {
+type OptionalStates = {
 	on: KoliBriModalEventCallbacks;
 };
 
diff --git a/packages/samples/react/src/components/drawer/basic.tsx b/packages/samples/react/src/components/drawer/basic.tsx
index 47e9c92914..69b9c1ff67 100644
--- a/packages/samples/react/src/components/drawer/basic.tsx
+++ b/packages/samples/react/src/components/drawer/basic.tsx
@@ -14,21 +14,17 @@ export const DrawerBasic: FC = () => {
 	const defaultAlign = searchParams.get('align') as AlignPropType;
 	const hideMenus = useContext(HideMenusContext);
 	const drawerElement = useRef<HTMLKolDrawerElement>(null);
-	const drawerModalElement = useRef<HTMLKolDrawerElement>(null);
 	const [align, setAlign] = useState<AlignPropType>(defaultAlign || 'left');
 	useEffect(() => {
 		if (defaultAlign) {
-			drawerModalElement.current?.open();
+			drawerElement.current?.open();
 		}
 	}, [defaultAlign]);
 	return (
 		<>
 			{!hideMenus && <KolBadge className="block mb-3" _label="Component is a DRAFT - Don't use in production yet." _color="#db5461" />}
 			<SampleDescription>
-				<p>
-					KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments and the modal- and
-					non-modal modes.
-				</p>
+				<p>KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments.</p>
 			</SampleDescription>
 
 			<DrawerRadioAlign value={align} onChange={(_, value) => setAlign(value as AlignPropType)} />
@@ -41,20 +37,6 @@ export const DrawerBasic: FC = () => {
 					<KolButton _label="Close drawer" _on={{ onClick: () => drawerElement.current?.close() }} />
 				</KolDrawer>
 				<KolButton _label="Open drawer" _on={{ onClick: () => drawerElement.current?.open() }} />
-				<KolDrawer
-					ref={drawerModalElement}
-					_modal
-					_align={align}
-					_label="I am a Drawer Modal"
-					_on={{ onClose: () => console.log('Drawer Modal onClose triggered!') }}
-				>
-					<p>
-						Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
-						voluptua.
-					</p>
-					<KolButton _label="Close drawer modal" _on={{ onClick: () => drawerModalElement.current?.close() }} />
-				</KolDrawer>
-				<KolButton _label="Open drawer as modal" _on={{ onClick: () => drawerModalElement.current?.open() }} />
 			</div>
 		</>
 	);
diff --git a/packages/samples/react/src/components/drawer/controlled.tsx b/packages/samples/react/src/components/drawer/controlled.tsx
index 23d3aa990f..56b6c814f7 100644
--- a/packages/samples/react/src/components/drawer/controlled.tsx
+++ b/packages/samples/react/src/components/drawer/controlled.tsx
@@ -14,7 +14,6 @@ export const DrawerControlled: FC = () => {
 	const defaultAlign = searchParams.get('align') as AlignPropType;
 	const hideMenus = useContext(HideMenusContext);
 	const [open, setOpen] = useState(false);
-	const [modalOpen, setModalOpen] = useState(false);
 	const [align, setAlign] = useState<AlignPropType>(defaultAlign || 'left');
 	return (
 		<div>
@@ -34,13 +33,6 @@ export const DrawerControlled: FC = () => {
 					</div>
 				</KolDrawer>
 				<KolButton _label="Open drawer" _on={{ onClick: () => setOpen(true) }} />
-				<KolDrawer _open={modalOpen} _modal _align={align} _label="I'm a controlled modal drawer" _on={{ onClose: () => setModalOpen(false) }}>
-					<div>
-						<p>Lorem ipsum dolor sit amet,</p>
-						<KolButton _label="Close drawer" _on={{ onClick: () => setModalOpen(false) }} />
-					</div>
-				</KolDrawer>
-				<KolButton _label="Open drawer as modal" _on={{ onClick: () => setModalOpen(true) }} />
 			</div>
 		</div>
 	);
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-firefox-linux.png
index 85501ebd31..9ee5a8ed5d 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-zoom-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-zoom-firefox-linux.png
index d197500b2d..b9e5e82314 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-zoom-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-zoom-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-left-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-left-firefox-linux.png
index cae7ee7d43..da120ab971 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-left-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-left-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-left-zoom-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-left-zoom-firefox-linux.png
index 380708a8e1..d71b58a6af 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-left-zoom-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-left-zoom-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-right-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-right-firefox-linux.png
index f9bdae96e9..449fd16e09 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-right-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-right-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-right-zoom-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-right-zoom-firefox-linux.png
index 380708a8e1..d71b58a6af 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-right-zoom-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-right-zoom-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-top-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-top-firefox-linux.png
index cb16fdd9de..030865bba8 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-top-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-top-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-top-zoom-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-top-zoom-firefox-linux.png
index 8dd99322b7..18e567ffab 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-top-zoom-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-drawer-basic-align-top-zoom-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-firefox-linux.png
index 85501ebd31..9ee5a8ed5d 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-zoom-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-zoom-firefox-linux.png
index d197500b2d..b9e5e82314 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-zoom-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-bottom-zoom-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-left-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-left-firefox-linux.png
index cae7ee7d43..da120ab971 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-left-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-left-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-left-zoom-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-left-zoom-firefox-linux.png
index 380708a8e1..d71b58a6af 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-left-zoom-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-left-zoom-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-right-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-right-firefox-linux.png
index f9bdae96e9..449fd16e09 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-right-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-right-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-right-zoom-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-right-zoom-firefox-linux.png
index 380708a8e1..d71b58a6af 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-right-zoom-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-right-zoom-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-top-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-top-firefox-linux.png
index cb16fdd9de..030865bba8 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-top-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-top-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-top-zoom-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-top-zoom-firefox-linux.png
index 8dd99322b7..18e567ffab 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-top-zoom-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-drawer-basic-align-top-zoom-firefox-linux.png differ