diff --git a/src/pages/DonateModal/DonateModal.scss b/src/pages/DonateModal/DonateModal.scss
new file mode 100644
index 00000000..816db86c
--- /dev/null
+++ b/src/pages/DonateModal/DonateModal.scss
@@ -0,0 +1,16 @@
+.donate-button {
+    display: inline-block;
+    background-color: #007BFF;
+    color: white;
+    padding: 10px 20px;
+    font-size: 16px;
+    font-family: Arial, sans-serif;
+    text-decoration: none;
+    border-radius: 5px;
+    transition: background-color 0.3s;
+  }
+  
+  .donate-button:hover {
+    background-color: #0056b3;
+  }
+  
\ No newline at end of file
diff --git a/src/pages/DonateModal/DonateModal.tsx b/src/pages/DonateModal/DonateModal.tsx
index 745c03f4..fa5e162b 100644
--- a/src/pages/DonateModal/DonateModal.tsx
+++ b/src/pages/DonateModal/DonateModal.tsx
@@ -1,6 +1,7 @@
 import React from 'react'
 import { Box, Grid, Modal, Typography, useMediaQuery } from '@mui/material'
 import i18n from 'src/locale/allTranslations'
+import './DonateModal.scss'
 
 interface DonateModalProps {
   isVisible: boolean
@@ -67,13 +68,14 @@ export const DonateModal: React.FC<DonateModalProps> = ({ isVisible, onClose })
                   width={'90%'}
                   style={{ maxWidth: '420px' }}
                 />
-                <img
-                  width={'90%'}
-                  src="https://www.hasadna.org.il/wp-content/uploads/2018/08/button-300x73.png"
-                  alt="תרום עכשיו"
-                  // style={{ margin: shouldImgCollapse ? 'auto' : '', display: 'block' }}
-                  style={{ display: 'block', maxWidth: '300px' }}
-                />
+                <a
+                  href="https://www.jgive.com/new/he/ils/donation-targets/3268"
+                  target="_blank"
+                  rel="noreferrer"
+                  className="donate-button"
+                >
+                  לתרום לסדנא  ←
+                </a>
               </a>
             </Typography>
           </Grid>