Fix styles after primevue update #29

src/components/Search/OcResourceSearchSimple/OcResourceSearchSimple.vue

 <template>
   <InputGroup class="w-full mt-8 mb-4">
-      <InputGroupAddon>
+      <InputGroupAddon class="px-4">
         <i
-          class="fa-solid fa-magnifying-glass cursor-pointer hover:text-primary"
+          class="fa-solid fa-magnifying-glass fa- cursor-pointer hover:text-primary"
           @click="emit('submit')"
         />
       </InputGroupAddon>
@@ -17,7 +17,7 @@
       />
     <InputGroupAddon
       v-if="searchPop"
-      class="inline-flex gap-2 text-gray-500 hover:text-gray-800"
+      class="inline-flex gap-2 text-gray-500 hover:text-gray-800 px-4"
       @click="searchPop.toggle"
     >
       <h3>{{ t('search.searchBarParamButtonLabel') }}</h3>
@@ -52,9 +52,7 @@
 </template>
 
 <script setup lang="ts">
-import IconField from 'primevue/iconfield'
 import InputText from 'primevue/inputtext'
-import InputIcon from 'primevue/inputicon'
 import InputGroup from 'primevue/inputgroup';
 import InputGroupAddon from 'primevue/inputgroupaddon';
 import Button from 'primevue/button'
@@ -99,6 +97,5 @@ function handleChange(newValue: any, key: string) {
   left: 0 !important;
   top: 0 !important;
   z-index: 1 !important;
-  --p-popover-arrow-offset: 0.3rem
 }
 </style>

src/pages/community/[community]/index.vue

@@ -31,7 +31,7 @@
         :placeholder="t('community.homepage.searchBarPlaceholder')"
         v-on:keyup.enter="search"
       />
-      <InputIcon class="fa-solid fa-magnifying-glass cursor-pointer hover:text-primary" @click="search"/>
+      <InputIcon class="fa-solid fa-magnifying-glass fa-lg cursor-pointer hover:text-primary" @click="search"/>
     </IconField>
 
     </section>