diff --git a/airflow/www/static/js/dag/details/graph/Node.tsx b/airflow/www/static/js/dag/details/graph/Node.tsx
index 6ae8489f137f1..5d777b16737a1 100644
--- a/airflow/www/static/js/dag/details/graph/Node.tsx
+++ b/airflow/www/static/js/dag/details/graph/Node.tsx
@@ -93,6 +93,11 @@ export const BaseNode = ({
     [, operatorTextColor] = labelStyle.split(":");
   }
 
+  const nodeBorderColor =
+    instance?.state && stateColors[instance.state]
+      ? `${stateColors[instance.state]}.400`
+      : "gray.400";
+
   return (
     <Tooltip
       label={
@@ -107,8 +112,8 @@ export const BaseNode = ({
     >
       <Box
         borderRadius={5}
-        borderWidth={1}
-        borderColor={isSelected ? "blue.400" : "gray.400"}
+        borderWidth={isSelected ? 2.5 : 1.5}
+        borderColor={nodeBorderColor}
         bg={isSelected ? "blue.50" : bg}
         height={`${height}px`}
         width={`${width}px`}
@@ -150,7 +155,7 @@ export const BaseNode = ({
             {!!instance && instance.state && (
               <Flex alignItems="center">
                 <SimpleStatus state={instance.state} />
-                <Text ml={2} color="gray.500" fontSize="md">
+                <Text ml={2} color="gray.500" fontSize="lg">
                   {instance.state}
                 </Text>
               </Flex>
diff --git a/docs/apache-airflow/img/demo_graph_view.png b/docs/apache-airflow/img/demo_graph_view.png
index 001ecbe5175c9..9dcbae88a8c2d 100644
Binary files a/docs/apache-airflow/img/demo_graph_view.png and b/docs/apache-airflow/img/demo_graph_view.png differ