diff --git a/src/components/settings/hostingPreferences/BaseCombobox.vue b/src/components/settings/hostingPreferences/BaseCombobox.vue
index 936c112..039dbe2 100644
--- a/src/components/settings/hostingPreferences/BaseCombobox.vue
+++ b/src/components/settings/hostingPreferences/BaseCombobox.vue
@@ -25,18 +25,19 @@ const props = withDefaults(
     isLoading?: boolean
     isSaving?: boolean
     label?: string
+    initiallySelected?: string[]
   }>(),
   {
     options: () => [],
     isLoading: false,
     isSaving: false,
-    label: ''
+    label: '',
+    initiallySelected: () => []
   }
 )
 
 const isEditing = ref(false)
 
-const initiallySelected: string[] = []
 const previouslySelected = ref<Option[]>([])
 
 const mappedValues: Option[] = props.options.map((label, index) => ({
@@ -45,7 +46,7 @@ const mappedValues: Option[] = props.options.map((label, index) => ({
 }))
 
 const selectedOptions = ref<Option[]>(
-  mappedValues.filter((option) => initiallySelected.includes(option.label))
+  mappedValues.filter((option) => props.initiallySelected.includes(option.label))
 )
 
 const visibleOptions = computed(() => {
@@ -85,7 +86,10 @@ function removeOption(optionToBeRemoved: Option): void {
 }
 
 function save(): void {
-  emit('save', selectedOptions.value)
+  emit(
+    'save',
+    selectedOptions.value.map((option) => option.label)
+  )
 }
 
 function cancel(): void {
@@ -156,15 +160,18 @@ watch(
         </BaseTooltip>
       </CategoryChip>
     </div>
+
     <span
       v-else
       class="exclusion-select__exclusions-selected"
     >
       None
     </span>
+
     <PencilIcon
       v-if="!isEditing"
       class="exclusion-select__exclusions-edit-icon"
+      :class="{ 'exclusion-select__exclusions-edit-icon--disabled': props.isSaving }"
       @click="edit"
     />
 
@@ -261,6 +268,12 @@ watch(
       margin-left: 8px;
       margin-top: 4px;
       cursor: pointer;
+
+      &--disabled {
+        opacity: 0.15;
+        pointer-events: none;
+        cursor: not-allowed;
+      }
     }
 
     &-combobox {
@@ -283,6 +296,8 @@ watch(
 
       &--disabled {
         opacity: 0.15;
+        pointer-events: none;
+        cursor: not-allowed;
       }
     }
 
diff --git a/src/components/settings/hostingPreferences/CategoryExclusionSelect.vue b/src/components/settings/hostingPreferences/CategoryExclusionSelect.vue
deleted file mode 100644
index 6e2833c..0000000
--- a/src/components/settings/hostingPreferences/CategoryExclusionSelect.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import ExclusionSelect from '@/components/settings/hostingPreferences/BaseCombobox.vue'
-import { categories } from '@/constants/categories'
-
-const props = withDefaults(
-  defineProps<{
-    label?: string
-  }>(),
-  {
-    label: ''
-  }
-)
-
-const isSaving = ref(false)
-
-function save(): void {
-  isSaving.value = true
-  // Make an API call to save new selected options
-
-  setTimeout(() => {
-    isSaving.value = false
-    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-  }, 2000)
-}
-</script>
-
-<template>
-  <ExclusionSelect
-    :label="props.label"
-    :options="categories"
-    :is-saving="isSaving"
-    @save="save"
-  />
-</template>
diff --git a/src/components/settings/hostingPreferences/ExclusionSelect.vue b/src/components/settings/hostingPreferences/ExclusionSelect.vue
new file mode 100644
index 0000000..38868db
--- /dev/null
+++ b/src/components/settings/hostingPreferences/ExclusionSelect.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import ExclusionSelect from '@/components/settings/hostingPreferences/BaseCombobox.vue'
+
+const props = withDefaults(
+  defineProps<{
+    label?: string
+    options: string[]
+    isBusy: boolean
+    initiallySelected?: string[]
+  }>(),
+  {
+    label: '',
+    initiallySelected: () => []
+  }
+)
+
+const emit = defineEmits(['save'])
+
+function save(selectedOptions: string[]): void {
+  emit('save', selectedOptions)
+}
+</script>
+
+<template>
+  <ExclusionSelect
+    :label="props.label"
+    :options="props.options"
+    :is-saving="props.isBusy"
+    :initially-selected="props.initiallySelected"
+    @save="save"
+  />
+</template>
diff --git a/src/components/settings/hostingPreferences/HAppSelectionSection.vue b/src/components/settings/hostingPreferences/HAppSelectionSection.vue
index 64ea0b1..1075ec1 100644
--- a/src/components/settings/hostingPreferences/HAppSelectionSection.vue
+++ b/src/components/settings/hostingPreferences/HAppSelectionSection.vue
@@ -1,7 +1,51 @@
 <script setup lang="ts">
+import { ref } from 'vue'
 import SettingsSection from '../SettingsSection.vue'
-import CategoryExclusionSelect from '@/components/settings/hostingPreferences/CategoryExclusionSelect.vue'
-import JurisdictionExclusionSelect from '@/components/settings/hostingPreferences/JurisdictionExclusionSelect.vue'
+import ExclusionSelect from '@/components/settings/hostingPreferences/ExclusionSelect.vue'
+import { categories } from '@/constants/categories'
+import { countries } from '@/constants/countries'
+import { usePreferencesStore } from '@/store/preferences'
+import type { HostingJurisdictions } from '@/types/types'
+import { ECriteriaType } from '@/types/types'
+
+const preferencesStore = usePreferencesStore()
+
+const props = defineProps<{
+  hostingJurisdictions: HostingJurisdictions
+}>()
+
+const isJurisdictionExclusionsBusy = ref(false)
+const isHostingCategoriesExclusionsBusy = ref(false)
+
+async function saveHostingJurisdictions(
+  value: string[],
+  criteriaType: ECriteriaType
+): Promise<void> {
+  isJurisdictionExclusionsBusy.value = true
+
+  const payload = {
+    criteria_type: criteriaType,
+    value
+  }
+
+  // Make an API call to save new selected options
+  try {
+    await preferencesStore.setHostingJurisdictions(payload)
+    isJurisdictionExclusionsBusy.value = false
+  } catch (error) {
+    isJurisdictionExclusionsBusy.value = false
+  }
+}
+
+function saveHostingCategoriesExclusions(): void {
+  isHostingCategoriesExclusionsBusy.value = true
+  // Make an API call to save new selected options
+
+  setTimeout(() => {
+    isHostingCategoriesExclusionsBusy.value = false
+    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+  }, 2000)
+}
 </script>
 
 <template>
@@ -10,20 +54,50 @@ import JurisdictionExclusionSelect from '@/components/settings/hostingPreference
     class="happ-selection-section"
   >
     <div class="card-content">
-      <JurisdictionExclusionSelect />
+      <div class="happ-selection-section__tags">
+        <span class="happ-selection-section__selection-label happ-selection-section__selection-label--main">
+          {{ $t('hosting_preferences.happ_selection.jurisdiction_exclusions') }}
+        </span>
+        <div class="happ-selection-section__tags-item happ-selection-section__tags-item-exclude">
+          <ExclusionSelect
+            :key="props.hostingJurisdictions.timestamp"
+            label="hosting_preferences.happ_selection.exclude"
+            :options="countries"
+            :is-busy="isJurisdictionExclusionsBusy"
+            :initially-selected="props.hostingJurisdictions.criteriaType === ECriteriaType.exclude ? props.hostingJurisdictions.value : []"
+            @save="saveHostingJurisdictions($event, ECriteriaType.exclude)"
+          />
+        </div>
+        <div class="happ-selection-section__tags-item happ-selection-section__tags-item-include">
+          <ExclusionSelect
+            :key="props.hostingJurisdictions.timestamp"
+            label="hosting_preferences.happ_selection.include"
+            :options="countries"
+            :is-busy="isJurisdictionExclusionsBusy"
+            :initially-selected="props.hostingJurisdictions.criteriaType === 'include' ? props.hostingJurisdictions.value : []"
+            @save="saveHostingJurisdictions($event, ECriteriaType.include)"
+          />
+        </div>
+      </div>
 
-      <div class="happ-selection-section__category-tags">
+      <div class="happ-selection-section__tags happ-selection-section--category">
         <span class="happ-selection-section__selection-label happ-selection-section__selection-label--main">
           {{ $t('hosting_preferences.happ_selection.category_tags') }}
         </span>
-        <div class="happ-selection-section__category-tags-item happ-selection-section__category-tags-item-exclude">
-          <CategoryExclusionSelect
+        <div class="happ-selection-section__tags-item happ-selection-section__tags-item-exclude">
+          <ExclusionSelect
             label="hosting_preferences.happ_selection.exclude"
+            :options="categories"
+            :is-busy="isHostingCategoriesExclusionsBusy"
+            @save="saveHostingCategoriesExclusions"
           />
         </div>
-        <div class="happ-selection-section__category-tags-item happ-selection-section__category-tags-item-include">
-          <CategoryExclusionSelect
+        <div class="happ-selection-section__tags-item happ-selection-section__tags-item-include">
+          <ExclusionSelect
             label="hosting_preferences.happ_selection.include"
+            :options="categories"
+            :is-busy="isHostingCategoriesExclusionsBusy"
+            @save="saveHostingCategoriesExclusions"
           />
         </div>
       </div>
@@ -34,12 +108,15 @@ import JurisdictionExclusionSelect from '@/components/settings/hostingPreference
 <style lang="scss" scoped>
 .card-content {
   padding: 0 0 35px 0;
-  opacity: 0.5;
-  pointer-events: none;
 }
 
 .happ-selection-section {
-  &__category-tags {
+  &--category {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  &__tags {
     margin-top: 16px;
 
     &-selected {
@@ -49,7 +126,7 @@ import JurisdictionExclusionSelect from '@/components/settings/hostingPreference
     }
   }
 
-  &__category-tags-item {
+  &__tags-item {
     margin-top: 12px;
     padding-left: 40px;
     display: flex;
diff --git a/src/interfaces/HposInterface.ts b/src/interfaces/HposInterface.ts
index bd0efe8..9e9563f 100644
--- a/src/interfaces/HposInterface.ts
+++ b/src/interfaces/HposInterface.ts
@@ -1,13 +1,12 @@
 /* eslint-disable camelcase */
 import { decode } from '@msgpack/msgpack'
 import axios from 'axios'
-import { decodeAgentId } from '../../ui-common-library/src/utils/agent'
 import { kAuthTokenLSKey, kCoreAppVersionLSKey } from '@/constants'
 import kHttpStatus from '@/constants/httpStatues'
 import router from '@/router'
 import { isKycLevel } from '@/types/predicates'
 import type { CheckAuthResponse, EUserKycLevel, PricesData } from '@/types/types'
-import { EHostingPlan } from '@/types/types'
+import { ECriteriaType, EHostingPlan } from '@/types/types'
 import { retry } from '@/utils/functionUtils'
 import { eraseHpAdminKeypair, getHpAdminKeypair } from '@/utils/keyManagement'
 
@@ -35,6 +34,10 @@ interface HposInterface {
   getCoreAppVersion: () => Promise<CoreAppVersion>
   redeemHoloFuel: (payload: RedeemHoloFuelPayload) => Promise<RedemptionTransaction | boolean>
   HPOS_API_URL: string
+  getHostingJurisdictions: () => Promise<HposHolochainCallResponse | { error: unknown }>
+  setHostingJurisdictions: (
+    payload: SetHostingJurisdictionsPayload
+  ) => Promise<HposHolochainCallResponse | { error: unknown }>
 }
 
 interface UpdateHAppHostingPlanPayload {
@@ -122,6 +125,18 @@ export interface HostPreferencesResponse {
   invoice_due_in_days: number
 }
 
+export interface HostingJurisdictionsResponse {
+  timestamp: number
+  criteria_type: any
+  value: string[]
+}
+
+export interface SetHostingJurisdictionsPayload {
+  holoport_id?: string
+  criteria_type: ECriteriaType
+  value: string[]
+}
+
 export interface DefaultPreferencesPayload {
   price_compute: string
   price_storage: string
@@ -147,6 +162,7 @@ type HposHolochainCallResponse =
   | EUserKycLevel
   | ServiceLogsResponse
   | ZomeCallResponse
+  | HostingJurisdictionsResponse
 
 type HposAdminCallResponse = HposConfigResponse
 
@@ -648,6 +664,83 @@ export function useHposInterface(): HposInterface {
     }
   }
 
+  async function getHostingJurisdictions(): Promise<
+    HposHolochainCallResponse | { error: unknown }
+    > {
+    let holoportId = ''
+
+    if (window.location.host.split(':')[0] === 'localhost') {
+      const holoportUrl = `${import.meta.env.VITE_HOLOPORT_URL}` || ''
+      holoportId = holoportUrl.split('//')[1]?.split('.')[0] ?? ''
+    } else {
+      holoportId = window.location.host.split('//')[1]?.split('.')[0] ?? ''
+    }
+
+    const params = {
+      appId: localStorage.getItem(kCoreAppVersionLSKey),
+      roleId: 'core-app',
+      zomeName: 'hha',
+      fnName: 'get_hosting_jurisdictions',
+      payload: holoportId
+    }
+
+    try {
+      const hostingJurisdictions = await hposHolochainCall({
+        method: 'post',
+        path: '/zome_call',
+        pathPrefix: '/api/v2',
+        responseType: 'arraybuffer',
+        params
+      })
+
+      return hostingJurisdictions
+    } catch (error) {
+      console.error('getHostingJurisdictions encountered an error: ', error)
+      return {
+        criteria_type: { Include: null },
+        value: ['Poland'],
+        timestamp: 0
+      }
+
+      // return false
+    }
+  }
+
+  async function setHostingJurisdictions(
+    payload: SetHostingJurisdictionsPayload
+  ): Promise<boolean> {
+    let holoportId = ''
+
+    if (window.location.host.split(':')[0] === 'localhost') {
+      const holoportUrl = `${import.meta.env.VITE_HOLOPORT_URL}` || ''
+      holoportId = holoportUrl.split('//')[1]?.split('.')[0] ?? ''
+    } else {
+      holoportId = window.location.host.split('//')[1]?.split('.')[0] ?? ''
+    }
+
+    try {
+      const params = {
+        appId: localStorage.getItem(kCoreAppVersionLSKey),
+        roleId: 'core-app',
+        zomeName: 'hha',
+        fnName: 'set_hosting_jurisdictions',
+        payload: { holoport_id: holoportId, ...payload }
+      }
+
+      await hposHolochainCall({
+        method: 'post',
+        path: '/zome_call',
+        pathPrefix: '/api/v2',
+        responseType: 'arraybuffer',
+        params
+      })
+
+      return true
+    } catch (error) {
+      return false
+    }
+  }
+
   async function checkAuth(
     email: string,
     password: string,
@@ -698,6 +791,7 @@ export function useHposInterface(): HposInterface {
         method: 'get',
         path: '/config'
       })
+
       return {
         hostPubKey: admin.public_key,
         registrationEmail: admin.email,
@@ -970,7 +1064,9 @@ export function useHposInterface(): HposInterface {
     stopHostingHApp,
     updateHAppHostingPlan,
     getServiceLogs,
-    HPOS_API_URL
+    HPOS_API_URL,
+    getHostingJurisdictions,
+    setHostingJurisdictions
   }
 }
 /* eslint-enable camelcase */
diff --git a/src/pages/HostingPreferences.vue b/src/pages/HostingPreferences.vue
index 68a29c7..3eb2b01 100644
--- a/src/pages/HostingPreferences.vue
+++ b/src/pages/HostingPreferences.vue
@@ -21,6 +21,7 @@ const isPaidHostingEnabled = ref(userStore.kycLevel !== EUserKycLevel.two)
 
 const pricesSettings = computed(() => preferencesStore.pricesSettings)
 const invoicesSettings = computed(() => preferencesStore.invoicesSettings)
+const hostingJurisdictions = computed(() => preferencesStore.hostingJurisdictions)
 
 const isModalVisible = ref(false)
 
@@ -97,13 +98,13 @@ function updateHostingPlan(): void {
 }
 
 async function invoiceFrequencyChanged({ period, amount }: InvoiceFrequency): Promise<void> {
-  preferencesStore.updateInvoiceFrequency(period, amount);
-  await setDefaultHostPreferences();
+  preferencesStore.updateInvoiceFrequency(period, amount)
+  await setDefaultHostPreferences()
 }
 
 async function invoicePaymentDueChanged({ period }: InvoiceDue): Promise<void> {
-  preferencesStore.updateInvoiceDue(period);
-  await setDefaultHostPreferences();
+  preferencesStore.updateInvoiceDue(period)
+  await setDefaultHostPreferences()
 }
 </script>
 
@@ -145,6 +146,7 @@ async function invoicePaymentDueChanged({ period }: InvoiceDue): Promise<void> {
       />
 
       <HAppSelectionSection
+        :hosting-jurisdictions="hostingJurisdictions"
         class="hosting-preferences__happ-selection"
         data-test-hosting-preferences-happ-selection-section
       />
diff --git a/src/store/preferences.ts b/src/store/preferences.ts
index af5c812..d2e2fe2 100644
--- a/src/store/preferences.ts
+++ b/src/store/preferences.ts
@@ -1,15 +1,27 @@
 import { defineStore } from 'pinia'
-import { useHposInterface, DefaultPreferencesPayload } from '@/interfaces/HposInterface'
-import { isHostPreferencesResponse } from '@/types/predicates'
-import type { InvoicesData, PricesData } from '@/types/types'
+import {
+  DefaultPreferencesPayload,
+  SetHostingJurisdictionsPayload,
+  useHposInterface
+} from '@/interfaces/HposInterface'
+import { isHostingJurisdictionsResponse, isHostPreferencesResponse } from '@/types/predicates'
+import type { HostingJurisdictions, InvoicesData, PricesData } from '@/types/types'
+import { ECriteriaType } from '@/types/types'
+
+const {
+  getHostPreferences,
+  setDefaultHAppPreferences,
+  getHostingJurisdictions,
+  setHostingJurisdictions
+} = useHposInterface()
 
-const { getHostPreferences, setDefaultHAppPreferences } = useHposInterface()
 const kInitialPrice = 0.0001
 
 interface State {
   isLoaded: boolean
   pricesSettings: PricesData
   invoicesSettings: InvoicesData
+  hostingJurisdictions: HostingJurisdictions
 }
 
 export const usePreferencesStore = defineStore('preferences', {
@@ -28,13 +40,18 @@ export const usePreferencesStore = defineStore('preferences', {
       due: {
         period: 7
       }
+    },
+    hostingJurisdictions: {
+      value: [],
+      criteriaType: ECriteriaType.exclude,
+      timestamp: 0
     }
   }),
 
   actions: {
     async setDefaultPreferences(): Promise<void> {
-      let maxTimeBeforeInvoice = Number(this.invoicesSettings.frequency.period) || 7
-      let invoiceDuePeriod = Number(this.invoicesSettings.due.period) || 7
+      const maxTimeBeforeInvoice = Number(this.invoicesSettings.frequency.period) || 7
+      const invoiceDuePeriod = Number(this.invoicesSettings.due.period) || 7
 
       const payload: DefaultPreferencesPayload = {
         max_fuel_before_invoice: `${this.invoicesSettings.frequency.amount}`,
@@ -79,11 +96,24 @@ export const usePreferencesStore = defineStore('preferences', {
 
     async getHostPreferences(): Promise<void> {
       const response = await getHostPreferences()
+      const hostingJurisdictionsResponse = await getHostingJurisdictions()
 
-      if (!isHostPreferencesResponse(response)) {
+      if (
+        !isHostPreferencesResponse(response) ||
+        !isHostingJurisdictionsResponse(hostingJurisdictionsResponse)
+      ) {
         return
       }
 
+      this.hostingJurisdictions = {
+        value: hostingJurisdictionsResponse.value,
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+        criteriaType: Object.keys(hostingJurisdictionsResponse.criteria_type).includes('Include')
+          ? ECriteriaType.include
+          : ECriteriaType.exclude,
+        timestamp: hostingJurisdictionsResponse.timestamp
+      }
+
       const {
         max_fuel_before_invoice: invoiceHolofuelThreshold,
         max_time_before_invoice: invoiceDurationThreshold,
@@ -113,16 +143,34 @@ export const usePreferencesStore = defineStore('preferences', {
 
       this.isLoaded = true
     },
+
     updateInvoiceFrequency(invoiceFrequency: number, invoiceMaxHolofuel: number) {
       this.invoicesSettings.frequency = {
         amount: invoiceMaxHolofuel,
         period: invoiceFrequency
       }
     },
+
     updateInvoiceDue(invoiceDueInDays: number) {
       this.invoicesSettings.due = {
         period: invoiceDueInDays
       }
+    },
+
+    async setHostingJurisdictions(payload: SetHostingJurisdictionsPayload) {
+      const result = await setHostingJurisdictions(payload)
+
+      // If the request was successful, update the store
+      if (result) {
+        this.hostingJurisdictions = {
+          value: payload.value,
+          criteriaType: payload.criteria_type,
+          timestamp: Date.now()
+        }
+      } else {
+        // If the request failed, update the timestamp to trigger a re-render of the selects
+        this.hostingJurisdictions.timestamp = Date.now()
+      }
     }
   }
 })
diff --git a/src/types/predicates.ts b/src/types/predicates.ts
index 09f1d95..290fb67 100644
--- a/src/types/predicates.ts
+++ b/src/types/predicates.ts
@@ -1,4 +1,9 @@
-import type { HostPreferencesResponse, Redemption, Transaction } from '@/interfaces/HposInterface'
+import type {
+  HostingJurisdictionsResponse,
+  HostPreferencesResponse,
+  Redemption,
+  Transaction
+} from '@/interfaces/HposInterface'
 import type { AdminSignature, CheckAuthResponse, Error, HoloFuelProfile } from '@/types/types'
 import { EUserKycLevel } from '@/types/types'
 
@@ -19,6 +24,12 @@ export function isHostPreferencesResponse(target: unknown): target is HostPrefer
   return target !== undefined
 }
 
+export function isHostingJurisdictionsResponse(
+  target: unknown
+): target is HostingJurisdictionsResponse {
+  return target !== undefined
+}
+
 export function isNumber(target: unknown): target is number {
   return typeof target === 'number'
 }
diff --git a/src/types/types.ts b/src/types/types.ts
index d0626d7..65532d4 100644
--- a/src/types/types.ts
+++ b/src/types/types.ts
@@ -117,3 +117,14 @@ export interface EarningsData {
   previous: number
   daily: DailyEarningsData[]
 }
+
+export enum ECriteriaType {
+  include = 'include',
+  exclude = 'exclude'
+}
+
+export interface HostingJurisdictions {
+  value: string[]
+  criteriaType: ECriteriaType
+  timestamp: number
+}