diff --git a/Studio/database.json b/Studio/database.json
index 55367af7a59526064bca3ba3ab95c70b6c2ac4e1..c038b50271a9cbe2a6ede178d35f32001e002959 100644
--- a/Studio/database.json
+++ b/Studio/database.json
@@ -167,6 +167,14 @@
       "city": "rfre",
       "state": "ferf",
       "id": 21
+    },
+    {
+      "eventdate": "2021-06-01",
+      "fullname": "Nousheen",
+      "event": "Wedding",
+      "city": "rfre",
+      "state": "ferf",
+      "id": 22
     }
   ]
 }
\ No newline at end of file
diff --git a/Studio/src/.DS_Store b/Studio/src/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..29b1ac6f8efc49252a102d39204eb45a3816b5f5
Binary files /dev/null and b/Studio/src/.DS_Store differ
diff --git a/Studio/src/components/About.vue b/Studio/src/components/About.vue
index ba8d9ebaa943f0bad4716342defdaed4908edb20..8169661cb098f1bbc0e57c0ac6bb43471879ec16 100644
--- a/Studio/src/components/About.vue
+++ b/Studio/src/components/About.vue
@@ -54,7 +54,7 @@
 
             <!-- Phone Number -->
             <label>Phone Number</label><br>
-            <input type="text" id="phone" name="phone" pattern="9876543210"   v-model="phone" required><br>
+            <input type="text" id="phone" name="phone" pattern="[0-9]{10}"  v-model="phone" required><br>
 
             <!-- Note for the photographer -->
             <label>Note To The Photographer</label><br>
diff --git a/Studio/src/components/Contact.vue b/Studio/src/components/Contact.vue
index 99fa07bd9df4ebef0faa0a98515afa83a0fc1e9b..dbbfd7b362b3bd8ac22d29195c08a1d60e48cf14 100644
--- a/Studio/src/components/Contact.vue
+++ b/Studio/src/components/Contact.vue
@@ -35,7 +35,7 @@
                 </div><br>
 
                 <label for="phone">Phone Number</label><br>
-                <input type="text"  v-model="user.phone"   id="phone"  name="phone"  class="form-control"  :class="{ 'is-invalid': submitted && $v.user.phone.$error }" />
+                <input type="text"  v-model="user.phone"   id="phone"  name="phone"  class="form-control" pattern="[0-9]{10}" :class="{ 'is-invalid': submitted && $v.user.phone.$error }" />
                 <div v-if="submitted && $v.user.phone.$error" :class="{invalid_feedback:isActive}">
                     <span v-if="!$v.user.phone.required">Phone Number is required</span>
                     <span v-if="!$v.user.phone.maxLength">Phone Number must contain 10 digits</span>
diff --git a/Studio/src/components/mixin.js b/Studio/src/components/mixin.js
deleted file mode 100644
index 2c576530a2363aa2a5e5552380929798cc1f8c16..0000000000000000000000000000000000000000
--- a/Studio/src/components/mixin.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// Creating mixin 
-export const myMixin = {
-    methods: {
-        pressed() {
-            alert("dfghjkk");
-        }
-    }
-}
-