diff --git a/src/components/04_product-service/ProductCardComponent.vue b/src/components/04_product-service/ProductCardComponent.vue
index a69dc389..0af6f183 100644
--- a/src/components/04_product-service/ProductCardComponent.vue
+++ b/src/components/04_product-service/ProductCardComponent.vue
@@ -28,14 +28,14 @@ withDefaults(
       :style="`background-color:hsla(${color}/0.1)`"
     >
       <div class="row justify-between items-center">
-        <q-btn
+        <q-avatar
           round
           icon="mdi-folder"
-          size="12px"
+          size="48px"
           class="q-my-md q-ml-md"
-          flat
-          :style="`color:hsl(${color});background-color:var(--surface-0)`"
+          :style="`color:hsl(${color});background-color:var(--surface-1)`"
         />
+
         <q-btn
           flat
           round
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 2404e64f..8562b5c2 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1262,7 +1262,7 @@ watch(currentStatus, async () => {
 
       <!-- main -->
       <AppBox bordered class="column" style="width: 100%; min-height: 70vh">
-        <div class="row q-py-md">
+        <div class="row q-pb-md">
           <div class="col">
             <q-select
               v-if="selectorLabel === 'EMPLOYER'"