diff --git a/packages/portal/src/components/page/PageCookiesSection.vue b/packages/portal/src/components/page/PageCookiesSection.vue
index 077895ac45..a375fb2591 100644
--- a/packages/portal/src/components/page/PageCookiesSection.vue
+++ b/packages/portal/src/components/page/PageCookiesSection.vue
@@ -47,24 +47,20 @@
         {{ $tc('klaro.main.consentModal.servicesCount', servicesCount, { count: $n(servicesCount)}) }}
         <span class="icon-chevron ml-1" />
       </b-button>
-      <ul
-        v-show="depth > COLLAPSIBLE_DEPTH_LIMIT || show.includes(serviceData.name)"
-        :class="{'pl-0': depth > COLLAPSIBLE_DEPTH_LIMIT}"
-      >
-        <li
+      <template v-if="depth > COLLAPSIBLE_DEPTH_LIMIT || show.includes(serviceData.name)">
+        <PageCookiesSection
           v-for="(subService, subServiceIndex) in serviceData.services"
           :key="subServiceIndex"
-        >
-          <PageCookiesSection
-            :checked-services="checkedServices"
-            :depth="depth + 1"
-            :service-data="subService"
-            :show="show"
-            @toggle="toggleDisplay"
-            @update="updateServiceConsent"
-          />
-        </li>
-      </ul>
+          class="nested-section"
+          :class="{'pl-0': depth > COLLAPSIBLE_DEPTH_LIMIT}"
+          :checked-services="checkedServices"
+          :depth="depth + 1"
+          :service-data="subService"
+          :show="show"
+          @toggle="toggleDisplay"
+          @update="updateServiceConsent"
+        />
+      </template>
     </template>
   </div>
 </template>
@@ -177,10 +173,12 @@
       padding-left: 2rem;
     }
 
-    ul {
+    .nested-section {
       padding-left: 2rem;
-      margin-bottom: 0.5rem;
-      list-style: none;
+
+      &:last-child {
+        margin-bottom: 0.5rem;
+      }
     }
 
     .label {
diff --git a/packages/portal/src/components/page/PageCookiesWidget.vue b/packages/portal/src/components/page/PageCookiesWidget.vue
index e53956cf86..e1e14b90ba 100644
--- a/packages/portal/src/components/page/PageCookiesWidget.vue
+++ b/packages/portal/src/components/page/PageCookiesWidget.vue
@@ -66,20 +66,15 @@
           </SmartLink>
         </template>
       </i18n>
-      <ul>
-        <li
-          v-for="(section, index) in groupedSections"
-          :key="index"
-        >
-          <PageCookiesSection
-            :checked-services="checkedServices"
-            :service-data="section"
-            :show="show"
-            @toggle="toggleDisplay"
-            @update="updateConsent"
-          />
-        </li>
-      </ul>
+      <PageCookiesSection
+        v-for="(section, index) in groupedSections"
+        :key="index"
+        :checked-services="checkedServices"
+        :service-data="section"
+        :show="show"
+        @toggle="toggleDisplay"
+        @update="updateConsent"
+      />
       <div class="d-flex flex-wrap justify-content-between align-items-center">
         <b-button
           class="mt-2"