diff --git a/apps/dashboard/app/(auth)/register/page.tsx b/apps/dashboard/app/(auth)/register/page.tsx
index 167c66d5e..587f6bd97 100644
--- a/apps/dashboard/app/(auth)/register/page.tsx
+++ b/apps/dashboard/app/(auth)/register/page.tsx
@@ -436,10 +436,10 @@ function RegisterPageContent() {
 				</VisuallyHidden>
 
 				<div className="space-y-3">
-					<div className="flex items-start gap-2">
+					<div className="flex items-center gap-2">
 						<Checkbox
 							checked={acceptTerms}
-							className="mt-1 cursor-pointer data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=unchecked]:bg-input"
+							className="cursor-pointer data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=unchecked]:bg-input"
 							disabled={isLoading}
 							id="terms"
 							onCheckedChange={(checked) => setAcceptTerms(checked as boolean)}
diff --git a/apps/dashboard/app/(main)/websites/[id]/_components/tabs/overview/_components/geo-map-section.tsx b/apps/dashboard/app/(main)/websites/[id]/_components/tabs/overview/_components/geo-map-section.tsx
index e9eef22e3..ec7bd012f 100644
--- a/apps/dashboard/app/(main)/websites/[id]/_components/tabs/overview/_components/geo-map-section.tsx
+++ b/apps/dashboard/app/(main)/websites/[id]/_components/tabs/overview/_components/geo-map-section.tsx
@@ -113,7 +113,7 @@ export function GeoMapSection({ countries, isLoading }: GeoMapSectionProps) {
 				className="relative flex flex-col lg:flex-row"
 				style={{ minHeight: 350 }}
 			>
-				<div className="relative min-h-[200px] flex-1 lg:min-h-0">
+				<div className="relative flex-1 max-lg:aspect-video lg:min-h-0 [&>div]:rounded-t-none [&>div]:border-0">
 					<MapComponent
 						height="100%"
 						isLoading={false}
@@ -121,15 +121,15 @@ export function GeoMapSection({ countries, isLoading }: GeoMapSectionProps) {
 					/>
 				</div>
 
-				<div className="w-full shrink-0 border-t bg-card lg:w-44 lg:border-t-0 lg:border-l">
-					<div className="h-10 border-b bg-card px-2">
+				<div className="absolute right-2 bottom-2 z-1 w-44 shrink-0 rounded border border-t bg-muted">
+					<div className="h-9 rounded-t border-b bg-muted px-2">
 						<span className="flex h-full items-center font-semibold text-sidebar-foreground/70 text-xs uppercase tracking-wide">
 							Top Countries
 						</span>
 					</div>
 
 					{topCountries.length > 0 ? (
-						<div className="max-h-48 overflow-y-auto bg-accent lg:max-h-none">
+						<div className="max-h-48 overflow-y-auto rounded-b bg-background lg:max-h-none">
 							{topCountries.map((country) => {
 								const percentage =
 									totalVisitors > 0
diff --git a/apps/dashboard/components/ui/keyboard-shortcuts.tsx b/apps/dashboard/components/ui/keyboard-shortcuts.tsx
index 28f641128..6154af5fa 100644
--- a/apps/dashboard/components/ui/keyboard-shortcuts.tsx
+++ b/apps/dashboard/components/ui/keyboard-shortcuts.tsx
@@ -1,5 +1,6 @@
     "use client";
 
+import { cn } from "@/lib/utils";
 import { useMemo } from "react";
 
 type ShortcutGroup = {
@@ -64,9 +65,9 @@ export function KeyboardShortcuts({
 	const isMacOS = useMemo(() => isMac(), []);
 
 	return (
-		<div className={compact ? "space-y-3" : "space-y-4"}>
+		<div className={compact ? "divide-y dark:divide-border divide-border/50" : "space-y-4"}>
 			{groups.map((group) => (
-				<div key={group.title}>
+				<div key={group.title} className={cn({"py-3 first:pt-0 last:pb-0": compact})}>
 					{!compact && (
 						<h4 className="mb-2 font-medium text-sm text-foreground">
 							{group.title}
@@ -82,7 +83,7 @@ export function KeyboardShortcuts({
 									className="flex items-center justify-between"
 									key={shortcut.label}
 								>
-									<span className="text-muted-foreground text-sm">
+									<span className="text-muted-foreground dark:text-foreground/70 text-sm">
 										{shortcut.label}
 									</span>
 									<kbd className="rounded border bg-secondary px-1.5 py-0.5 text-xs">