diff --git a/src/components/SamplePage.vue b/src/components/SamplePage.vue
index 538e8a4..51ff681 100644
--- a/src/components/SamplePage.vue
+++ b/src/components/SamplePage.vue
@@ -62,10 +62,10 @@ export default defineComponent({
                             <td>{{ row.dateCreated }}</td>
                             <td>{{ row.status }}</td>
                             <td>
-                                <div class="flex space-x-2 items-center justify-center">
+                                <div class="flex space-x-4 items-center justify-center">
 
                                     <div @click="isEditModal = true">
-                                        <svg xmlns="http://www.w3.org/2000/svg" class="text-[#009efb] cursor-pointer active:text-red" width="25" height="25" viewBox="0 0 24 24"><path fill="currentColor" d="m19.3 8.925l-4.25-4.2L17.875 1.9L22.1 6.125l-2.8 2.8ZM3 21v-4.25l10.6-10.6l4.25 4.25L7.25 21H3Z"/></svg>
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="text-[#0000fe] cursor-pointer active:text-red" width="25" height="25" viewBox="0 0 24 24"><path fill="currentColor" d="m19.3 8.925l-4.25-4.2L17.875 1.9L22.1 6.125l-2.8 2.8ZM3 21v-4.25l10.6-10.6l4.25 4.25L7.25 21H3Z"/></svg>
                                     </div>
                                     <div @click="isDeleteModal = true">
                                         <svg xmlns="http://www.w3.org/2000/svg" class="delete-icon text-red-600 cursor-pointer" width="25" height="25" viewBox="0 0 24 24"><path fill="currentColor" d="M7 21q-.825 0-1.413-.588T5 19V6q-.425 0-.713-.288T4 5q0-.425.288-.713T5 4h4q0-.425.288-.713T10 3h4q.425 0 .713.288T15 4h4q.425 0 .713.288T20 5q0 .425-.288.713T19 6v13q0 .825-.588 1.413T17 21H7Zm2-5q0 .425.288.713T10 17q.425 0 .713-.288T11 16V9q0-.425-.288-.713T10 8q-.425 0-.713.288T9 9v7Zm4 0q0 .425.288.713T14 17q.425 0 .713-.288T15 16V9q0-.425-.288-.713T14 8q-.425 0-.713.288T13 9v7Z"/></svg>
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index c2a163b..27664ac 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -12,14 +12,13 @@
          <div class="h-fit mt-5">  
         <div class="mb-4">
           <p class="text-gray-800 flex justity-start">Email</p>
-          <input type="Email" class="outline-none h-[30px] bg-[whitesmoke] rounded-[5px] border border-gray-300 px-[10px] py-3 w-full" placeholder="Enter your Email">
+         <input placeholder="Enter your email" class="block focus:outline-none w-full px-3 py-2 border mt-2 mb-4 rounded-lg" />
         </div>
         
         <div class="mb-4">
           <p class="text-gray-800 flex justity-start">Password</p>
-          <div class="flex border border-gray-300 px-[10px] justify-between py-3 rounded-[5px] items-center h-[30px] bg-[whitesmoke]">
-            <input type="Password" class="outline-none bg-[whitesmoke]" placeholder="Enter your Password">
-          
+          <div class="flex border mt-2 justify-between rounded-[5px] px-3 py-2 items-center">
+            <input placeholder="Enter your password" class="block focus:outline-none w-full rounded-lg" />        
             <div class="flex" id="eye-icons">
               <div>
                 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 256">
@@ -36,7 +35,6 @@
           </div>
         </div>
         <router-link class="" to="/"><button type="submit" class="bg-[#0000ff] w-full text-center py-[7px] h-fit rounded-[5px] text-white text-[16px] font-semibold">Sign in</button></router-link>
-        <p class="text-center text-sm text-gray-500 pt-[20px]">Forgot Password? <span class="text-[#009efb] cursor-pointer">Recover here</span></p>
       </div>
         </div>
       </div>
diff --git a/src/views/SampleView.vue b/src/views/SampleView.vue
index 4171424..780e449 100644
--- a/src/views/SampleView.vue
+++ b/src/views/SampleView.vue
@@ -29,7 +29,7 @@ export default defineComponent({
          <p class="text-xl font-semibold py-3">Enter Sample ID</p>
          <p class="text-sm">Enter the sample Id to check the status and result of your sample</p>
          <label class="flex justify-start mt-[20px]">Sample ID</label>
-         <input placeholder="Enter sample Id" class="block focus:outline-none w-full px-5 py-1 border mt-2 mb-4 rounded-lg" v-model="id" />
+         <input placeholder="Enter sample Id" class="block focus:outline-none w-full px-3 py-2 border mt-2 mb-4 rounded-lg" v-model="id" />
          <button @click="() => showSample = true" :class="id === '' ? 'bg-[#0000fe]' : 'bg-gray-300'" class="font-medium text-white p-2 rounded-lg mt-4 w-full text-center">View Sample</button>
         </div>
         </div>