diff --git a/web/src/views/dashboard/authKeys/AuthKeysView.tsx b/web/src/views/dashboard/authKeys/AuthKeysView.tsx
index 72933e9..94ce31d 100644
--- a/web/src/views/dashboard/authKeys/AuthKeysView.tsx
+++ b/web/src/views/dashboard/authKeys/AuthKeysView.tsx
@@ -264,14 +264,6 @@ const AuthKeysView: React.FC = () => {
         );
     }
 
-    if (error) {
-        return (
-            <Box p={4}>
-                <Text color="red">Error: {error}</Text>
-            </Box>
-        );
-    }
-
     return (
         <Box>
             <Box
@@ -284,6 +276,7 @@ const AuthKeysView: React.FC = () => {
                     margin: "10px",
                 }}
             >
+                {/* Common Header */}
                 <Flex justifyContent="space-between" alignItems="center" mb={4}>
                     <Flex alignItems="center">
                         <Box
@@ -325,7 +318,22 @@ const AuthKeysView: React.FC = () => {
                     </Button>
                 </Flex>
 
-                {authKeys.length === 0 ? (
+                {/* Conditional Content */}
+                {error ? (
+                    <Box
+                        p={4}
+                        sx={{
+                            textAlign: 'center',
+                            backgroundColor: '#fff5f5',
+                            borderRadius: '8px',
+                            border: '1px solid #ffcdd2',
+                        }}
+                    >
+                        <Text fontSize="18px" fontWeight="semibold" mb={2} color="#d32f2f">
+                            Error: {error}
+                        </Text>
+                    </Box>
+                ) : authKeys.length === 0 ? (
                     <Box
                         p={4}
                         sx={{