From a070def61005c77456f789da682a2ce0aca0f79b Mon Sep 17 00:00:00 2001
From: Rizel Scarlett <rizel@squareup.com>
Date: Tue, 14 Oct 2025 07:28:29 -0400
Subject: [PATCH] refactor: remove excessive CSS overrides for Lucide icons

- Remove all !important declarations for icon sizing
- Lucide React icons handle their own sizing via size prop
- Keep only flex-shrink: 0 for layout purposes
- Remove redundant mobile icon size override
---
 .../DocItem/Layout/CopyPageButton.module.css  | 29 +------------------
 1 file changed, 1 insertion(+), 28 deletions(-)

diff --git a/documentation/src/theme/DocItem/Layout/CopyPageButton.module.css b/documentation/src/theme/DocItem/Layout/CopyPageButton.module.css
index 843e3895ef..3e19e95042 100644
--- a/documentation/src/theme/DocItem/Layout/CopyPageButton.module.css
+++ b/documentation/src/theme/DocItem/Layout/CopyPageButton.module.css
@@ -41,29 +41,7 @@
 }
 
 .copyIcon {
-  width: 16px !important;
-  height: 16px !important;
-  flex-shrink: 0 !important;
-  min-width: 16px !important;
-  min-height: 16px !important;
-  max-width: 16px !important;
-  max-height: 16px !important;
-  box-sizing: border-box !important;
-  display: inline-block !important;
-}
-
-/* Additional specificity to ensure our styles are applied */
-.copyButton svg {
-  width: 16px !important;
-  height: 16px !important;
-  flex-shrink: 0 !important;
-  min-width: 16px !important;
-  min-height: 16px !important;
-  max-width: 16px !important;
-  max-height: 16px !important;
-  display: inline-block !important;
-  font-size: 16px !important;
-  line-height: 1 !important;
+  flex-shrink: 0;
 }
 
 /* Header layout styles */
@@ -93,11 +71,6 @@
     gap: 4px;
   }
   
-  .copyIcon {
-    width: 14px;
-    height: 14px;
-  }
-  
   .headerWithButton {
     flex-direction: column;
     align-items: stretch;