diff --git a/app/views/my/access_tokens/show.html.erb b/app/views/my/access_tokens/show.html.erb
index f0551ffad..c81a4d171 100644
--- a/app/views/my/access_tokens/show.html.erb
+++ b/app/views/my/access_tokens/show.html.erb
@@ -1 +1,15 @@
-<%= @access_token.token %>
+<% @page_title = "New personal access token" %>
+
+<% content_for :header do %>
+  <div class="header__actions header__actions--start">
+    <%= back_link_to "tokens", my_access_tokens_path, "keydown.left@document->hotkey#click keydown.esc@document->hotkey#click" %>
+  </div>
+
+  <h1 class="header__title"><%= @page_title %></h1>
+<% end %>
+
+<article class="panel panel--wide shadow center txt-align-start" style="view-transition-name: <%= dom_id(@access_token) %>">
+  <h1><%= @access_token.token %></h1>
+
+  <%= link_to "Cancel and go back", my_access_tokens_path, data: { form_target: "cancel" }, hidden: true %>
+</article>