From 910611326c3f9c50b1ce441777e878baab7a5fd8 Mon Sep 17 00:00:00 2001
From: hay-kot <hay-kot@pm.me>
Date: Wed, 31 Mar 2021 16:41:43 -0800
Subject: [PATCH] fix dialog placement

---
 frontend/src/components/UI/Search/SearchDialog.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/UI/Search/SearchDialog.vue b/frontend/src/components/UI/Search/SearchDialog.vue
index eda4be9fb..d4abcde8f 100644
--- a/frontend/src/components/UI/Search/SearchDialog.vue
+++ b/frontend/src/components/UI/Search/SearchDialog.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="text-center">
-    <v-dialog v-model="dialog" width="600px" height="0">
+  <div class="text-center ">
+    <v-dialog v-model="dialog" class="search-dialog" width="600px" height="0">
       <v-card>
         <v-app-bar dark color="primary">
           <v-toolbar-title class="headline">Search a Recipe</v-toolbar-title>
@@ -49,8 +49,8 @@ export default {
 };
 </script>
 
-<style>
-.v-dialog__content {
+<style scope>
+.search-dialog {
   margin-top: 10%;
   align-items: flex-start;
   justify-content: center;