From eb412b67bdaeb3891665ab12df4e14db9ff5ff15 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Date: Wed, 23 Jul 2025 14:50:46 +0530
Subject: [PATCH] fix: Code component style issue (#12022)

# Pull Request Template

## Description

This PR fixes a styling issue in the code component that was introduced
after merging this
[PR](https://github.com/chatwoot/chatwoot/pull/12007/commits/07855d4369a4fcbe99bdc7dc7c1198cd279dafae)

**Screenshots**

**Before**
<img width="456" height="506" alt="image"
src="https://github.com/user-attachments/assets/6cd78708-93ad-4457-9e0f-8a25e3c7545c"
/>


**After**
<img width="456" height="506" alt="image"
src="https://github.com/user-attachments/assets/3bb059fa-5ed8-4d92-bf6e-56831fb2f55d"
/>
---
 app/javascript/dashboard/components/Code.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/javascript/dashboard/components/Code.vue b/app/javascript/dashboard/components/Code.vue
index c96bdea8d..e45cacae8 100644
--- a/app/javascript/dashboard/components/Code.vue
+++ b/app/javascript/dashboard/components/Code.vue
@@ -62,7 +62,7 @@ const onCopy = async e => {
 <template>
   <div class="relative text-left">
     <div
-      class="top-1.5 absolute ltr:right-1.5 rtl:left-1.5 flex items-center gap-1"
+      class="top-1.5 absolute ltr:right-1.5 rtl:left-1.5 flex backdrop-blur-sm rounded-lg items-center gap-1"
     >
       <form
         v-if="enableCodePen"
@@ -92,7 +92,7 @@ const onCopy = async e => {
       v-if="script"
       :language="lang"
       :code="scrubbedScript"
-      class="[&_code]:ltr:!pr-16 [&_code]:rtl:!pl-16 [&_code]:truncate [&_code]:text-start"
+      class="[&_code]:text-start"
     />
   </div>
 </template>