diff --git a/public/delete.png b/public/delete.png
new file mode 100644
index 0000000..51d6875
Binary files /dev/null and b/public/delete.png differ
diff --git a/src/components/KaTableComponent.tsx b/src/components/KaTableComponent.tsx
index 0942ae9..4bcacd9 100644
--- a/src/components/KaTableComponent.tsx
+++ b/src/components/KaTableComponent.tsx
@@ -7,6 +7,7 @@ import "ka-table/style.css";
 import DeleteIcon from "@mui/icons-material/Delete";
 import router from "next/router";
 import { MIME_TYPE } from "@/utils/app.config";
+import Image from "next/image";
 
 interface CustomTableProps {
   data: any[]; // Define a more specific type for your data if needed
@@ -149,9 +150,9 @@ const KaTableComponent: React.FC<CustomTableProps> = ({ data, columns, handleDel
             else if (props.column.key === 'contentAction') {
               if (props.rowData.status === "Draft") {
                 return (
-                  <IconButton
+                  <Box
                     onClick={handleDelete}
-                    color="error"
+
                   >
                     <Box sx={{
                       background: '#FAEEEC',
@@ -163,9 +164,16 @@ const KaTableComponent: React.FC<CustomTableProps> = ({ data, columns, handleDel
                       alignItems: 'center'
                     }}>
 
-                      <DeleteIcon sx={{ fontSize: '18px' }} />
+                      {/* <Image src={'/logo.png'} alt="" /> */}
+                      <img
+                        src={'/delete.png'}
+                        height="25px"
+                        alt="Image"
+
+                      />
+
                     </Box>
-                  </IconButton>
+                  </Box>
                 );
               }
             }
@@ -173,9 +181,9 @@ const KaTableComponent: React.FC<CustomTableProps> = ({ data, columns, handleDel
 
 
               return (
-                <IconButton
+                <Box
                   onClick={handleDelete}
-                  color="error"
+
                 >
                   <Box sx={{
                     background: '#FAEEEC',
@@ -187,9 +195,14 @@ const KaTableComponent: React.FC<CustomTableProps> = ({ data, columns, handleDel
                     alignItems: 'center'
                   }}>
 
-                    <DeleteIcon sx={{ fontSize: '18px' }} />
+                    <img
+                      src={'/delete.png'}
+                      height="25px"
+                      alt="Image"
+
+                    />
                   </Box>
-                </IconButton>
+                </Box>
               );
             }
             return props.children; // Default content for other columns
diff --git a/src/styles/global.css b/src/styles/global.css
index d5eba71..cf13d2d 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,3 +1,5 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
+
 .player-grid {
   height: 100%;
   width: 100%;
@@ -17,7 +19,8 @@ html,
 body {
   margin: 0;
   padding: 0;
-  background: '#F3F5F8';
+  background: 'red';
+  font-family: Poppins, sans-serif !important;
 }
 
 .drawer-select div div {
@@ -51,4 +54,25 @@ body {
 
 .ka-table-wrapper {
   height: 50vh !important;
+}
+
+.css-1bxxajt-MuiInputBase-root-MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
+  border-color: #FDBE16 !important;
+}
+
+/* .delete-icon {
+  background-image: url('../Assets/image/delete.png') !important;
+  height: 18px;
+  width: 18px;
+} */
+
+div h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+span,
+p .css-1ydl6z0-MuiTypography-root {
+  font-family: Poppins, sans-serif !important;
 }
\ No newline at end of file