diff --git a/src/app/page.tsx b/src/app/page.tsx
index 59d78ca..675c1f2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,9 +8,9 @@ import { categoryLabels, categoryOrder, bookmarkCategoryLabels, bookmarkCategory
 type TabId = 'services' | 'bookmarks' | 'whyrating' | 'settings';
 
 const tabs: { id: TabId; label: string; icon: string }[] = [
+  { id: 'whyrating', label: 'WhyRating', icon: 'star' },
   { id: 'services', label: 'Services', icon: 'server' },
   { id: 'bookmarks', label: 'Bookmarks', icon: 'external-link' },
-  { id: 'whyrating', label: 'WhyRating', icon: 'star' },
   { id: 'settings', label: 'Settings', icon: 'settings' },
 ];
 
@@ -21,7 +21,7 @@ const whyratingLinks = [
 ];
 
 export default function Home() {
-  const [activeTab, setActiveTab] = useState<TabId>('services');
+  const [activeTab, setActiveTab] = useState<TabId>('whyrating');
   const { filteredServices, filteredBookmarks, healthStatus, searchQuery, darkMode, setDarkMode, services } = usePortal();
 
   // Group services by category