diff --git a/src/components/recipes/RecipeSearchBox.vue b/src/components/recipes/RecipeSearchBox.vue
index f8e3328..1e7041c 100644
--- a/src/components/recipes/RecipeSearchBox.vue
+++ b/src/components/recipes/RecipeSearchBox.vue
@@ -58,7 +58,7 @@ export default {
 }
 
 .recipe-search-box input {
-    width: 100%;
+    width: calc(100% - 2em);
     padding: 8px;
     border: 1px solid #ccc;
     border-radius: 4px;