From 4dcc7de686bcfaec6989650b9111d9ff65c5dee0 Mon Sep 17 00:00:00 2001
From: Deven14125 <deven81281256@gmail.com>
Date: Mon, 23 Mar 2026 16:15:02 +0530
Subject: [PATCH] Use utility classes for Print component

Remove the Print.scss stylesheet and its import, switching the Print component to utility CSS classes instead. Replaced the sidebar-link__print class with 'flex flex-nowrap items-center' and added image classes ('h-20 mr-0.5') to preserve layout/spacing. This migrates styling to utility-first classes (e.g., Tailwind) and deletes the now-unused SCSS file.
---
 src/components/Print/Print.jsx  | 11 ++++++++---
 src/components/Print/Print.scss | 10 ----------
 2 files changed, 8 insertions(+), 13 deletions(-)
 delete mode 100644 src/components/Print/Print.scss

diff --git a/src/components/Print/Print.jsx b/src/components/Print/Print.jsx
index 18ec5b857e03..d61e6299016a 100644
--- a/src/components/Print/Print.jsx
+++ b/src/components/Print/Print.jsx
@@ -1,5 +1,4 @@
 import PropTypes from "prop-types";
-import "./Print.scss";
 import icon from "../../assets/icon-print.svg";
 import BarIcon from "../../styles/icons/vertical-bar.svg";
 
@@ -40,14 +39,20 @@ export default function Print(props) {
         fill="#175d96"
       />
       <a
-        className="sidebar-item__title sidebar-link__print"
+        className="sidebar-item__title flex flex-nowrap items-center"
         href={printUrl}
         rel="nofollow noopener noreferrer"
         title="Print"
         target="_blank"
       >
         Print Section
-        <img src={icon} width={27} height={20} alt="Printer Icon" />
+        <img
+          className="h-20 mr-0.5"
+          src={icon}
+          width={27}
+          height={20}
+          alt="Printer Icon"
+        />
       </a>
     </div>
   );
diff --git a/src/components/Print/Print.scss b/src/components/Print/Print.scss
deleted file mode 100644
index 526ee59d7ff5..000000000000
--- a/src/components/Print/Print.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.sidebar-link__print {
-  display: flex;
-  vertical-align: center;
-  flex-wrap: nowrap;
-
-  img {
-    height: 20px;
-    margin-right: 2px;
-  }
-}