diff --git a/demo/src/features/input.ts b/demo/src/features/input.ts
index 8f6b1d5..7ad89bb 100644
--- a/demo/src/features/input.ts
+++ b/demo/src/features/input.ts
@@ -69,7 +69,7 @@ export class DemoInput extends $LitElement(css`
 
 				<schmancy-grid justify="end">
 					<schmancy-menu>
-						<schmancy-menu-item>Item 1</schmancy-menu-item>
+						<schmancy-menu-item>Item 1 with very long text </schmancy-menu-item>
 						<schmancy-menu-item>Item 2</schmancy-menu-item>
 						<schmancy-menu-item>Item 3</schmancy-menu-item>
 					</schmancy-menu>
diff --git a/package.json b/package.json
index e2ced9f..4a70410 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@mhmo91/schmancy",
-	"version": "0.0.258",
+	"version": "0.0.259",
 	"description": "UI library build with web components",
 	"main": "./dist/index.js",
 	"repository": {
diff --git a/src/menu/menu.ts b/src/menu/menu.ts
index 915bfbc..4bb64c1 100644
--- a/src/menu/menu.ts
+++ b/src/menu/menu.ts
@@ -97,7 +97,7 @@ export default class SchmancyMenu extends TailwindElement(css`
 				id="menu"
 				.hidden=${!this.open}
 				class="absolute z-50 elevation-2 rounded-md 
-					min-w-[160px] max-w-[320px] bg-surface-default"
+					min-w-[160px] max-w-[320px] w-max bg-surface-default"
 				role="menu"
 				aria-orientation="vertical"
 				aria-labelledby="options-menu-4-button"