diff --git a/client/src/components/domain/domain-table.tsx b/client/src/components/domain/domain-table.tsx
index f07413e..e3d5240 100644
--- a/client/src/components/domain/domain-table.tsx
+++ b/client/src/components/domain/domain-table.tsx
@@ -44,9 +44,22 @@ export function DomainTable({ onManageDomain, onDeleteDomain, onAddDomain }: Dom
   });
 
   const getProviderName = (providerId: string | null | undefined) => {
+    // Special debugging logs
+    console.log("Provider ID:", providerId);
+    console.log("Available providers:", providers);
+    
     if (!providerId) return "None";
+    
+    // Check if the provider exists in our providers list
     const provider = providers.find(p => p.id === providerId);
-    return provider?.name || "Unknown";
+    
+    if (provider) {
+      console.log("Found provider:", provider);
+      return provider.name;
+    } else {
+      console.log("Provider not found for ID:", providerId);
+      return "Unknown";
+    }
   };
 
   const getProviderIcon = (providerId: string | null | undefined) => {
diff --git a/client/src/pages/dns-records.tsx b/client/src/pages/dns-records.tsx
index d8bd8f3..3785fad 100644
--- a/client/src/pages/dns-records.tsx
+++ b/client/src/pages/dns-records.tsx
@@ -295,7 +295,7 @@ export default function DnsRecordsPage() {
 
   return (
     <MainLayout
-      title={`DNS Records ${domain ? `for ${domain.name}` : ''}`}
+      title={domain?.name ? `DNS Records for ${domain.name}` : 'DNS Records'} 
       description="Manage DNS records for your domain."
     >
       {/* Breadcrumb */}
@@ -306,7 +306,7 @@ export default function DnsRecordsPage() {
           </BreadcrumbItem>
           <BreadcrumbSeparator />
           <BreadcrumbItem>
-            <BreadcrumbLink href="#">{domain?.name || 'Loading...'}</BreadcrumbLink>
+            <BreadcrumbLink href="#">{domain?.name || 'Domain'}</BreadcrumbLink>
           </BreadcrumbItem>
         </Breadcrumb>
       </div>