diff --git a/README.md b/README.md
index fd18d5b98..b4f5b80e9 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,6 @@
 ![Docker Pulls](https://img.shields.io/docker/pulls/booklore/booklore?color=2496ED)
 [![Join us on Discord](https://img.shields.io/badge/Chat-Discord-5865F2?logo=discord&style=flat)](https://discord.gg/Ee5hd458Uz)
 [![Open Collective backers and sponsors](https://img.shields.io/opencollective/all/booklore?label=Open%20Collective&logo=opencollective&color=7FADF2)](https://opencollective.com/booklore)
-[![Venmo](https://img.shields.io/badge/Venmo-Donate-008CFF?logo=venmo)](https://venmo.com/AdityaChandel)
 > 🚨 **Important Announcement:**  
 > Docker images have moved to new repositories:
 > - Docker Hub: `https://hub.docker.com/r/booklore/booklore`
diff --git a/booklore-ui/src/app/shared/components/github-support-dialog/github-support-dialog.html b/booklore-ui/src/app/shared/components/github-support-dialog/github-support-dialog.html
index 93e2bfff4..cb337e40e 100644
--- a/booklore-ui/src/app/shared/components/github-support-dialog/github-support-dialog.html
+++ b/booklore-ui/src/app/shared/components/github-support-dialog/github-support-dialog.html
@@ -1,61 +1,58 @@
-<div class="flex flex-col items-center justify-center p-2 md:p-6 rounded-lg border border-neutral-700" style="max-width: 700px; margin: auto;">
-  <div class="mb-4 w-full text-center">
-    <span class="inline-block px-3 py-1 rounded-full bg-blue-800/60 text-blue-200 text-xs font-semibold tracking-wide mb-2">
+<div class="support-dialog-container">
+  <div class="header-section">
+    <span class="badge">
       Open Source & Community Driven
     </span>
-    <h2 class="text-2xl font-bold text-white mb-2 tracking-tight">
+    <h2 class="title">
       Booklore
     </h2>
-    <p class="text-base text-zinc-200 leading-relaxed">
-      Booklore is designed to help you manage your book collection with ease and enjoyment.<br>
-      If you find Booklore valuable, please consider supporting its continued development.
+    <p class="description">
+      A modern platform crafted to help you curate, organize, and cherish your personal library with elegance and simplicity.
     </p>
   </div>
-  <div class="mb-4 w-full text-center">
-    <p class="text-zinc-200 italic text-sm">
-      Your feedback and support help me keep Booklore improving for everyone.<br>
-      <span class="text-zinc-300">- Aditya (Creator of Booklore)</span>
-    </p>
-  </div>
-  <div class="flex md:flex-row flex-col justify-center items-center gap-3 w-full mb-4">
-    <a href="https://github.com/booklore-app/booklore" target="_blank" rel="noopener noreferrer" class="sm:w-auto">
+
+  <div class="actions-section">
+    <a href="https://github.com/booklore-app/booklore" target="_blank" rel="noopener noreferrer">
       <p-button
         label="Star on GitHub"
         icon="pi pi-github"
         outlined
         severity="success"
-        [style]="{ 'min-width': '160px' }">
+        styleClass="action-button">
       </p-button>
     </a>
-    <a href="https://opencollective.com/booklore" target="_blank" rel="noopener noreferrer" class="sm:w-auto">
+    <a href="https://opencollective.com/booklore" target="_blank" rel="noopener noreferrer">
       <p-button
-        label="Open Collective"
-        icon="pi pi-globe"
-        severity="info"
-        outlined>
-      </p-button>
-    </a>
-    <a href="https://account.venmo.com/u/AdityaChandel" target="_blank" rel="noopener noreferrer" class="sm:w-auto">
-      <p-button
-        label="Buy me a coffee"
+        label="Support via Open Collective"
         icon="pi pi-heart"
+        severity="info"
         outlined
-        severity="danger">
+        styleClass="action-button">
       </p-button>
     </a>
   </div>
-  <div class="w-full text-center mt-2">
-    <span class="block mb-1 font-medium text-green-300 text-sm">Booklore will always remain free for everyone. That is my commitment to you.</span>
-    <div class="text-gray-400 text-sm space-y-2 mt-2">
+
+  <div class="footer-section">
+    <div class="support-info">
       <p>
-        <span class="font-semibold text-blue-300">Open Collective</span> contributions directly support development, infrastructure, and ongoing improvements.
+        Starring the project on <span class="highlight github">GitHub</span> increases visibility, helps Booklore reach more book lovers, and motivates ongoing development.
       </p>
       <p>
-        <span class="font-semibold text-red-300">Venmo</span> is a wonderful way to show personal appreciation, think of it as buying me a coffee for my hard work.
+        Financial contributions through <span class="highlight open-collective">Open Collective</span> directly support hosting infrastructure, feature development, and long-term sustainability.
       </p>
-      <p class="text-yellow-200 pt-2">
-        Every contribution, no matter the size, helps keep Booklore open, growing, and accessible to all.
+      <p class="final-message">
+        Every form of support, stars, feedback, or contributions, helps keep Booklore thriving and accessible for all book enthusiasts.
       </p>
     </div>
+    <p class="commitment">
+      Booklore is and will always remain free for everyone.
+    </p>
+  </div>
+
+  <div class="message-section">
+    <p class="message">
+      Your support and engagement fuel Booklore's continuous evolution and inspire meaningful improvements.
+    </p>
+    <p class="author">- Aditya, Creator & Maintainer</p>
   </div>
 </div>
diff --git a/booklore-ui/src/app/shared/components/github-support-dialog/github-support-dialog.scss b/booklore-ui/src/app/shared/components/github-support-dialog/github-support-dialog.scss
index e69de29bb..6a06b9858 100644
--- a/booklore-ui/src/app/shared/components/github-support-dialog/github-support-dialog.scss
+++ b/booklore-ui/src/app/shared/components/github-support-dialog/github-support-dialog.scss
@@ -0,0 +1,135 @@
+.support-dialog-container {
+  max-width: 850px;
+  margin: 0 auto;
+  padding: 2rem 1.5rem;
+  background: var(--card-background);
+  border: 1px solid var(--border-color);
+  border-radius: 0.75rem;
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
+}
+
+.header-section {
+  text-align: center;
+  margin-bottom: 1.5rem;
+
+  .badge {
+    display: inline-block;
+    padding: 0.375rem 1rem;
+    border-radius: 9999px;
+    background: linear-gradient(to right, rgba(59, 130, 246, 0.4), rgba(99, 102, 241, 0.4));
+    color: var(--primary-text-color);
+    font-size: 0.75rem;
+    font-weight: 600;
+    letter-spacing: 0.05em;
+    margin-bottom: 1rem;
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
+  }
+
+  .title {
+    font-size: 2rem;
+    font-weight: 700;
+    color: var(--high-contrast-text-color);
+    margin-bottom: 0.75rem;
+    letter-spacing: -0.025em;
+  }
+
+  .description {
+    font-size: 0.9375rem;
+    line-height: 1.6;
+    color: var(--text-color-secondary);
+    max-width: 750px;
+    margin: 0 auto;
+  }
+}
+
+.message-section {
+  text-align: center;
+  margin-top: 1.5rem;
+  padding-top: 1.5rem;
+  border-top: 1px solid var(--border-color);
+
+  .message {
+    font-size: 0.875rem;
+    line-height: 1.6;
+    color: var(--primary-text-color);
+    margin-bottom: 0.5rem;
+  }
+
+  .author {
+    font-size: 0.875rem;
+    font-weight: 300;
+    color: var(--primary-text-color);
+  }
+}
+
+.actions-section {
+  display: flex;
+  gap: 1rem;
+  justify-content: center;
+  margin-bottom: 1.5rem;
+
+  a {
+    text-decoration: none;
+    flex: 0 1 auto;
+  }
+
+  @media (max-width: 768px) {
+    flex-direction: column;
+
+    a {
+      width: 100%;
+    }
+
+    ::ng-deep .action-button {
+      width: 100%;
+    }
+  }
+}
+
+.footer-section {
+  text-align: center;
+  padding-top: 1.5rem;
+  border-top: 1px solid var(--border-color);
+
+  .support-info {
+    font-size: 0.875rem;
+    line-height: 1.6;
+    color: var(--text-color-secondary);
+    max-width: 850px;
+    margin: 0 auto 1.25rem;
+
+    p {
+      margin-bottom: 0.875rem;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    .highlight {
+      font-weight: 600;
+      color: var(--primary-text-color);
+
+      &.github {
+        color: limegreen;
+      }
+
+      &.open-collective {
+        color: dodgerblue;
+      }
+    }
+
+    .final-message {
+      padding-top: 0.25rem;
+      color: #fcd34d;
+    }
+  }
+
+  .commitment {
+    font-size: 0.875rem;
+    font-weight: 600;
+    letter-spacing: 0.025em;
+    color: #6ee7b7;
+    margin-bottom: 0;
+  }
+}
diff --git a/booklore-ui/src/app/shared/components/github-support-dialog/github-support-dialog.ts b/booklore-ui/src/app/shared/components/github-support-dialog/github-support-dialog.ts
index da1986dc0..9e6cdfcb9 100644
--- a/booklore-ui/src/app/shared/components/github-support-dialog/github-support-dialog.ts
+++ b/booklore-ui/src/app/shared/components/github-support-dialog/github-support-dialog.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import {Component} from '@angular/core';
 import {Button} from 'primeng/button';
 
 @Component({
@@ -7,10 +7,7 @@ import {Button} from 'primeng/button';
     Button
   ],
   templateUrl: './github-support-dialog.html',
-  styleUrl: './github-support-dialog.scss'
+  styleUrls: ['./github-support-dialog.scss']
 })
 export class GithubSupportDialog {
-  openGithub(): void {
-    window.open('https://github.com/adityachandelgit/booklore', '_blank');
-  }
 }