From 167c2a1a32b1726fd5ff487140a608b5b39c44eb Mon Sep 17 00:00:00 2001
From: Dushmanta <dushmanta0511@gmail.com>
Date: Tue, 31 Dec 2024 10:57:22 +0530
Subject: [PATCH] fix: correct svg color and button styling on share to
 linkedin page

---
 icons/CheckmarkIcon.tsx                  | 2 ++
 icons/CopyIcon.tsx                       | 2 ++
 vite/VideoPage/Actions/SharingAction.tsx | 1 +
 3 files changed, 5 insertions(+)

diff --git a/icons/CheckmarkIcon.tsx b/icons/CheckmarkIcon.tsx
index 6e50c19b..0a909c2d 100644
--- a/icons/CheckmarkIcon.tsx
+++ b/icons/CheckmarkIcon.tsx
@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
+import { PANE_TEXT_COLOR } from '../remotion/TopLanguages/Pane';
 export const CheckmarkIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
@@ -8,6 +9,7 @@ export const CheckmarkIcon = (props: SVGProps<SVGSVGElement>) => (
     stroke="currentColor"
     strokeWidth={0}
     viewBox="0 0 512 512"
+    color = {PANE_TEXT_COLOR}
     {...props}
   >
     <path
diff --git a/icons/CopyIcon.tsx b/icons/CopyIcon.tsx
index b63a86b2..80c0b19a 100644
--- a/icons/CopyIcon.tsx
+++ b/icons/CopyIcon.tsx
@@ -1,4 +1,5 @@
 import type { SVGProps } from "react";
+import { PANE_TEXT_COLOR } from '../remotion/TopLanguages/Pane';
 export const CopyIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
@@ -7,6 +8,7 @@ export const CopyIcon = (props: SVGProps<SVGSVGElement>) => (
     fill="currentColor"
     stroke="currentColor"
     strokeWidth={0}
+    color = {PANE_TEXT_COLOR}
     viewBox="0 0 24 24"
     {...props}
   >
diff --git a/vite/VideoPage/Actions/SharingAction.tsx b/vite/VideoPage/Actions/SharingAction.tsx
index 41800dfc..7b27b1d5 100644
--- a/vite/VideoPage/Actions/SharingAction.tsx
+++ b/vite/VideoPage/Actions/SharingAction.tsx
@@ -65,6 +65,7 @@ export const SharingAction: React.FC<{
           fontWeight: "600",
           backgroundColor: "#D3CFE8",
           color: PANE_TEXT_COLOR,
+          padding: "0px 10px"
         }}
       >
         {props.icon && (