diff --git a/custom_components/cookcli/www/cookcli-recipe-strategy.js b/custom_components/cookcli/www/cookcli-recipe-strategy.js
index 40ad0c6..2423de4 100644
--- a/custom_components/cookcli/www/cookcli-recipe-strategy.js
+++ b/custom_components/cookcli/www/cookcli-recipe-strategy.js
@@ -244,6 +244,7 @@ class CookCliRecipeViewStrategy extends HTMLElement {
             transform: translateX(-50%);
             width: max-content;
             max-width: calc(100vw - 32px);
+            max-width: calc(25vw);
             z-index: 5;
             padding: 8px;
             border-radius: 999px;