From 6aad6150576ab5517671c1f1e3c9221428cc3a73 Mon Sep 17 00:00:00 2001
From: Olga Bulat <obulat@gmail.com>
Date: Thu, 19 Oct 2023 17:58:55 +0300
Subject: [PATCH] Add requested changes

---
 .../src/components/VContentReport/VContentReportPopover.vue | 6 +++---
 frontend/src/components/VFilters/VFilterChecklist.vue       | 4 ++--
 .../VHeader/VHeaderMobile/VContentSettingsModalContent.vue  | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/VContentReport/VContentReportPopover.vue b/frontend/src/components/VContentReport/VContentReportPopover.vue
index fb1320131c1..c49e4a7c48a 100644
--- a/frontend/src/components/VContentReport/VContentReportPopover.vue
+++ b/frontend/src/components/VContentReport/VContentReportPopover.vue
@@ -13,9 +13,9 @@
       <div class="grid w-80 items-stretch justify-stretch">
         <VIconButton
           :label="$t('modal.close')"
-          :icon-props="{ name: 'close-small' }"
-          variant="filled-white"
-          size="medium"
+          :icon-props="{ name: 'close' }"
+          variant="transparent-gray"
+          size="small"
           class="z-10 col-start-1 row-start-1 me-1 mt-1 self-start justify-self-end"
           @click="close"
         />
diff --git a/frontend/src/components/VFilters/VFilterChecklist.vue b/frontend/src/components/VFilters/VFilterChecklist.vue
index a620dde73e7..370d95211f3 100644
--- a/frontend/src/components/VFilters/VFilterChecklist.vue
+++ b/frontend/src/components/VFilters/VFilterChecklist.vue
@@ -41,8 +41,8 @@
           <div class="relative">
             <VIconButton
               :label="getLicenseExplanationCloseAria(item.code)"
-              :icon-props="{ name: 'close-small' }"
-              variant="filled-white"
+              :icon-props="{ name: 'close' }"
+              variant="transparent-gray"
               size="small"
               class="!absolute end-1 top-1"
               @click="close"
diff --git a/frontend/src/components/VHeader/VHeaderMobile/VContentSettingsModalContent.vue b/frontend/src/components/VHeader/VHeaderMobile/VContentSettingsModalContent.vue
index 1de79978351..c836a30f78b 100644
--- a/frontend/src/components/VHeader/VHeaderMobile/VContentSettingsModalContent.vue
+++ b/frontend/src/components/VHeader/VHeaderMobile/VContentSettingsModalContent.vue
@@ -37,8 +37,8 @@
         />
         <VIconButton
           :label="$t('modal.closeContentSettings')"
-          :icon-props="{ name: 'close-small' }"
-          variant="filled-white"
+          :icon-props="{ name: 'close' }"
+          variant="transparent-gray"
           size="large"
           class="ms-auto self-center"
           @click="close"