diff --git a/client/src/App.css b/client/src/App.css
index 0d35de3..8b3c5f6 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -86,8 +86,9 @@
   display: none;
 }
 
+
 .react-tags__suggestions {
-  position: absolute;
+  position: inherit;
   top: 100%;
   left: 0;
   width: 100%;
diff --git a/client/src/App.tsx b/client/src/App.tsx
index 1e8cc9f..3ca0d3b 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -80,12 +80,14 @@ class App extends Component<any, State> {
 
 				<div className="container">
 
-					<ReactTags
-						tags={tags}
-						suggestions={suggestions}
-						handleDelete={this.handleDelete}
-						handleAddition={this.handleAddition} 
-					/>
+					<div>
+						<ReactTags
+							tags={tags}
+							suggestions={suggestions}
+							handleDelete={this.handleDelete}
+							handleAddition={this.handleAddition} 
+						/>
+					</div>
 
 					<br/>
 
@@ -108,6 +110,7 @@ class App extends Component<any, State> {
 	private updateRecipes(state: State) {
 		const tags = state.tags;
 		if (tags.length == 0 ) {
+			state.recipes = [];
 			this.setState(state);
 			return;
 		}