From 6b097a40d73edee76066349654e67acb35285fdb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Thu, 5 Oct 2023 10:08:28 +0300
Subject: [PATCH] Fixed #4553 - Image: toolbar unstyled mode fixes

---
 components/lib/image/Image.vue           | 2 +-
 components/lib/image/style/ImageStyle.js | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/lib/image/Image.vue b/components/lib/image/Image.vue
index e5c6f0a8c..0eca4a757 100644
--- a/components/lib/image/Image.vue
+++ b/components/lib/image/Image.vue
@@ -10,7 +10,7 @@
         </button>
         <Portal>
             <div v-if="maskVisible" :ref="maskRef" v-focustrap role="dialog" :class="cx('mask')" :aria-modal="maskVisible" @click="onMaskClick" @keydown="onMaskKeydown" v-bind="ptm('mask')">
-                <div class="p-image-toolbar" v-bind="ptm('toolbar')">
+                <div :class="cx('toolbar')" v-bind="ptm('toolbar')">
                     <button :class="cx('rotateRightButton')" @click="rotateRight" type="button" :aria-label="rightAriaLabel" v-bind="ptm('rotateRightButton')" data-pc-group-section="action">
                         <slot name="refresh">
                             <RefreshIcon v-bind="ptm('rotateRightIcon')" />
diff --git a/components/lib/image/style/ImageStyle.js b/components/lib/image/style/ImageStyle.js
index ae11ce0d4..8723dcb89 100644
--- a/components/lib/image/style/ImageStyle.js
+++ b/components/lib/image/style/ImageStyle.js
@@ -79,6 +79,7 @@ const classes = {
     button: 'p-image-preview-indicator',
     icon: 'p-image-preview-icon',
     mask: 'p-image-mask p-component-overlay p-component-overlay-enter',
+    toolbar: 'p-image-toolbar',
     rotateRightButton: 'p-image-action p-link',
     rotateLeftButton: 'p-image-action p-link',
     zoomOutButton: ({ instance }) => [