diff --git a/src/TableEditor.vue b/src/TableEditor.vue
index 304697f..0388cff 100644
--- a/src/TableEditor.vue
+++ b/src/TableEditor.vue
@@ -36,9 +36,18 @@
         <template #title> Edit Details </template>
         <template #content>
           <div class="flex flex-column">
-            <InputText class="button-box" name="table_name" type="text" placeholder="Table Name" />
-            <InputText class="button-box" name="table_link" type="text" placeholder="Table Link" />
-            <Select class="button-box" name="version" :options="availableVersion"></Select>
+            <FloatLabel variant="on">
+              <InputText class="button-box" name="table_name" type="text" placeholder="Table Name" />
+              <label>Table Name</label>
+            </FloatLabel>
+            <FloatLabel variant="on">
+              <InputText class="button-box" name="table_link" type="text" placeholder="Table Link" />
+              <label>Table Link</label>
+            </FloatLabel>
+            <FloatLabel variant="on">
+              <Select class="button-box" name="version" :options="availableVersion"></Select>
+              <label>Table Link</label>
+            </FloatLabel>
           </div>
         </template>
         <template #footer>
@@ -86,6 +95,7 @@ import Card from 'primevue/card'
 import Chip from 'primevue/chip'
 import Select from 'primevue/select'
 import ConfirmDialog from 'primevue/confirmdialog'
+import FloatLabel from 'primevue/floatlabel';
 
 import {
   useSelectedTable,