Estou tentando adicionar um gráfico acrílico direcionado a uma apresentação de projetor. Usandoeste código(reproduzido abaixo) Criei um slide, mas a imagem produzida tem cada nó e seta empilhados aproximadamente uns sobre os outros. Tentei brincar com as posições dos nós, mas não importa quais posições eu insira, eles parecem empilhados uns sobre os outros na imagem. Como faço para que ele seja exibido corretamente (como a imagem abaixo do site) no beamer?
\begin{frame}
\begin{tikzpicture}
% nodes %
\node[text centered] (z) {$Z$};
\node[right = 1.5 of z, text centered] (t) {$T$};
\node[right=1.5 of t, text centered] (y) {$Y$};
\node[draw, rectangle, dashed, above = 1 of t, text centered] (u) {$U$};
% edges %
\draw[->, line width= 1] (z) -- (t);
\draw [->, line width= 1] (t) -- (y);
\draw[->,red, line width= 1,dashed] (u) --node {X} (z);
\draw[->,line width= 1] (u) --(t);
\draw[->,line width= 1] (u) -- (y);
\draw[->, red, line width=1,dashed] (z) to [out=270,in=270, looseness=0.5] node{X} (y);
\end{tikzpicture}
\end{frame}