diff --git a/package-lock.json b/package-lock.json
index f5f8017..0fb2f56 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -91,7 +91,6 @@
       "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
         "@babel/generator": "^7.28.5",
@@ -360,7 +359,6 @@
       "resolved": "https://registry.npmjs.org/@dnd-kit/core/-/core-6.3.1.tgz",
       "integrity": "sha512-xkGBRQQab4RLwgXxoqETICr6S5JlogafbhNsidmrkVv2YRs5MLwpjoF2qpiGjQt8S9AoxtIV603s0GIUpY5eYQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@dnd-kit/accessibility": "^3.1.1",
         "@dnd-kit/utilities": "^3.2.2",
@@ -2811,7 +2809,6 @@
       "integrity": "sha512-vnDVpYPMzs4wunl27jHrfmwojOGKya0xyM3sH+UE5iv5uPS6vX7UIoh6m+vQc5LGBq52HBKPIn/zcSZVzeDEZg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "undici-types": "~7.16.0"
       }
@@ -2822,7 +2819,6 @@
       "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -2833,7 +2829,6 @@
       "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "peerDependencies": {
         "@types/react": "^19.2.0"
       }
@@ -2889,7 +2884,6 @@
       "integrity": "sha512-6/cmF2piao+f6wSxUsJLZjck7OQsYyRtcOZS02k7XINSNlz93v6emM8WutDQSXnroG2xwYlEVHJI+cPA7CPM3Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.50.0",
         "@typescript-eslint/types": "8.50.0",
@@ -3141,7 +3135,6 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -3380,7 +3373,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -3957,7 +3949,6 @@
       "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -5072,7 +5063,6 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -5120,7 +5110,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -5309,7 +5298,6 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
       "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5319,7 +5307,6 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
       "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
@@ -5339,7 +5326,6 @@
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz",
       "integrity": "sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/use-sync-external-store": "^0.0.6",
         "use-sync-external-store": "^1.4.0"
@@ -5545,8 +5531,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
       "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/redux-thunk": {
       "version": "3.1.0",
@@ -5950,7 +5935,6 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -6118,7 +6102,6 @@
       "integrity": "sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.27.0",
         "fdir": "^6.5.0",
@@ -6256,7 +6239,6 @@
       "integrity": "sha512-0wZ1IRqGGhMP76gLqz8EyfBXKk0J2qo2+H3fi4mcUP/KtTocoX08nmIAHl1Z2kJIZbZee8KOpBCSNPRgauucjw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx
index 23755f1..10bd6da 100644
--- a/src/components/sidebar/Sidebar.tsx
+++ b/src/components/sidebar/Sidebar.tsx
@@ -139,7 +139,7 @@ export function Sidebar({ isOpen, isCollapsed, onToggleCollapse, onClose }: Side
                     <span
                       className={cn(
                         "relative grid h-8 w-8 place-items-center rounded-lg bg-grayScale-100 text-grayScale-500 transition group-hover:bg-brand-100 group-hover:text-brand-600",
-                        isActive && "bg-brand-500 text-white",
+                        isActive && "bg-brand-500/90 text-white",
                       )}
                     >
                       <Icon className="h-4 w-4" />
@@ -154,9 +154,9 @@ export function Sidebar({ isOpen, isCollapsed, onToggleCollapse, onClose }: Side
                       </span>
                     )}
                     {!isCollapsed && item.to !== "/notifications" && isActive ? (
-                      <span className="ml-auto h-6 w-1 rounded-full bg-brand-500" />
+                      <span className="ml-auto h-6 w-1 rounded-full bg-brand-500/80" />
                     ) : !isCollapsed && item.to === "/notifications" && unreadCount === 0 && isActive ? (
-                      <span className="ml-auto h-6 w-1 rounded-full bg-brand-500" />
+                      <span className="ml-auto h-6 w-1 rounded-full bg-brand-500/80" />
                     ) : null}
                   </>
                 )}
diff --git a/src/components/topbar/NotificationDropdown.tsx b/src/components/topbar/NotificationDropdown.tsx
index 2bb83ad..4898a68 100644
--- a/src/components/topbar/NotificationDropdown.tsx
+++ b/src/components/topbar/NotificationDropdown.tsx
@@ -170,11 +170,14 @@ export function NotificationDropdown() {
       {/* Bell button */}
       <button
         type="button"
-        className="relative grid h-10 w-10 place-items-center rounded-full border bg-white text-grayScale-500 transition-colors hover:text-brand-600"
+        className="relative inline-flex h-10 items-center gap-2 rounded-full border bg-white px-3 text-grayScale-500 transition-colors hover:text-brand-600"
         aria-label="Notifications"
         onClick={() => setOpen((prev) => !prev)}
       >
         <Bell className="h-5 w-5" />
+        <span className="hidden text-xs font-medium text-grayScale-600 sm:inline">
+          Notifications
+        </span>
         {unreadCount > 0 && (
           <span className="absolute -right-0.5 -top-0.5 flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-destructive px-1 text-[10px] font-bold text-white">
             {unreadCount > 99 ? "99+" : unreadCount}
diff --git a/src/layouts/AppLayout.tsx b/src/layouts/AppLayout.tsx
index a06aa37..dc55c1e 100644
--- a/src/layouts/AppLayout.tsx
+++ b/src/layouts/AppLayout.tsx
@@ -41,12 +41,12 @@ export function AppLayout() {
           <div className="flex items-center justify-center gap-1.5 text-xs text-grayScale-400">
             <span>Powered by</span>
             <a
-              href="https://yaltopia.com"
+              href="https://tech.yaltopia.com"
               target="_blank"
               rel="noopener noreferrer"
               className="font-semibold text-brand-500 transition-colors hover:text-brand-600"
             >
-              Yaltopia
+              Yaltopia Tech
             </a>
             <span>·</span>
             <span>© {new Date().getFullYear()}</span>
diff --git a/src/pages/notifications/NotificationsPage.tsx b/src/pages/notifications/NotificationsPage.tsx
index 38909ca..5582961 100644
--- a/src/pages/notifications/NotificationsPage.tsx
+++ b/src/pages/notifications/NotificationsPage.tsx
@@ -652,37 +652,45 @@ export function NotificationsPage() {
       {/* Summary cards */}
       {!loading && !error && (
         <div className="mb-5 grid gap-4 sm:grid-cols-3">
-          <div className="flex items-center gap-4 rounded-xl border bg-white p-4">
-            <div className="grid h-10 w-10 place-items-center rounded-lg bg-brand-100 text-brand-600">
-              <Bell className="h-5 w-5" />
-            </div>
-            <div>
-              <p className="text-2xl font-bold text-grayScale-600">{totalCount.toLocaleString()}</p>
-              <p className="text-xs text-grayScale-400">Total notifications</p>
-            </div>
-          </div>
-
-          <div className="flex items-center gap-4 rounded-xl border bg-white p-4">
-            <div className="grid h-10 w-10 place-items-center rounded-lg bg-amber-50 text-amber-600">
-              <BellOff className="h-5 w-5" />
-            </div>
-            <div>
-              <p className="text-2xl font-bold text-grayScale-600">{globalUnread.toLocaleString()}</p>
-              <p className="text-xs text-grayScale-400">Unread</p>
-            </div>
-          </div>
-
-          <div className="flex items-center gap-4 rounded-xl border bg-white p-4">
-            <div className="grid h-10 w-10 place-items-center rounded-lg bg-grayScale-50 text-grayScale-500">
-              <MailOpen className="h-5 w-5" />
-            </div>
-            <div>
-              <p className="text-2xl font-bold text-grayScale-600">
-                {Array.from(new Set(notifications.map((n) => n.delivery_channel))).length || "—"}
-              </p>
-              <p className="text-xs text-grayScale-400">Channels used</p>
-            </div>
-          </div>
+          <Card className="shadow-none border border-grayScale-100">
+            <CardContent className="flex items-center justify-between gap-3 p-4">
+              <div>
+                <p className="text-xs font-medium text-grayScale-500">Total notifications</p>
+                <p className="mt-1 text-xl font-semibold text-grayScale-700">
+                  {totalCount.toLocaleString()}
+                </p>
+              </div>
+              <div className="grid h-10 w-10 place-items-center rounded-xl bg-brand-500/90 text-white">
+                <Bell className="h-5 w-5" />
+              </div>
+            </CardContent>
+          </Card>
+          <Card className="shadow-none border border-grayScale-100">
+            <CardContent className="flex items-center justify-between gap-3 p-4">
+              <div>
+                <p className="text-xs font-medium text-grayScale-500">Unread</p>
+                <p className="mt-1 text-xl font-semibold text-grayScale-700">
+                  {globalUnread.toLocaleString()}
+                </p>
+              </div>
+              <div className="grid h-10 w-10 place-items-center rounded-xl bg-amber-50 text-amber-600">
+                <BellOff className="h-5 w-5" />
+              </div>
+            </CardContent>
+          </Card>
+          <Card className="shadow-none border border-grayScale-100">
+            <CardContent className="flex items-center justify-between gap-3 p-4">
+              <div>
+                <p className="text-xs font-medium text-grayScale-500">Channels used</p>
+                <p className="mt-1 text-xl font-semibold text-grayScale-700">
+                  {Array.from(new Set(notifications.map((n) => n.delivery_channel))).length || "—"}
+                </p>
+              </div>
+              <div className="grid h-10 w-10 place-items-center rounded-xl bg-grayScale-50 text-grayScale-500">
+                <MailOpen className="h-5 w-5" />
+              </div>
+            </CardContent>
+          </Card>
         </div>
       )}