diff --git a/src/views/uikit/FloatLabel.vue b/src/views/uikit/FloatLabel.vue
index 458af9c..2d37caf 100644
--- a/src/views/uikit/FloatLabel.vue
+++ b/src/views/uikit/FloatLabel.vue
@@ -31,8 +31,8 @@ const searchCountry = (event) => {
     //in a real application, make a request to a remote url with the query and return filtered results, for demo we filter at client side
     const filtered = [];
     const query = event.query;
-    for (let i = 0; i < this.countries.length; i++) {
-        const country = this.countries[i];
+    for (let i = 0; i < countries.value.length; i++) {
+        const country = countries.value[i];
         if (country.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
             filtered.push(country);
         }
diff --git a/src/views/uikit/Table.vue b/src/views/uikit/Table.vue
index 6202d1d..7c483d6 100644
--- a/src/views/uikit/Table.vue
+++ b/src/views/uikit/Table.vue
@@ -155,7 +155,7 @@ const calculateCustomerTotal = (name) => {
                             <MultiSelect v-model="filterModel.value" :options="representatives" optionLabel="name" placeholder="Any" class="p-column-filter">
                                 <template #option="slotProps">
                                     <div class="p-multiselect-representative-option">
-                                        <img :alt="slotProps.option.name" :src="'images/avatar/' + slotProps.option.image" width="32" style="vertical-align: middle" />
+                                        <img :alt="slotProps.option.name" :src="'/images/avatar/' + slotProps.option.image" width="32" style="vertical-align: middle" />
                                         <span style="margin-left: 0.5em; vertical-align: middle" class="image-text">{{ slotProps.option.name }}</span>
                                     </div>
                                 </template>