diff --git a/plugins/circleci/src/components/App.tsx b/plugins/circleci/src/components/App.tsx
index 21c710e2b1..701d35ea16 100644
--- a/plugins/circleci/src/components/App.tsx
+++ b/plugins/circleci/src/components/App.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { Switch, Route } from 'react-router';
 import { BuildsPage } from '../pages/BuildsPage';
 import { SettingsPage } from '../pages/SettingsPage';
-import { DetailedViewPage } from '../pages/DetailedViewPage';
+import { DetailedViewPage } from '../pages/BuildWithStepsPage';
 import { AppStateProvider } from '../state';
 
 export const App = () => (
diff --git a/plugins/circleci/src/pages/DetailedViewPage/DetailedViewPage.tsx b/plugins/circleci/src/pages/BuildWithStepsPage/BuildWithStepsPage.tsx
similarity index 98%
rename from plugins/circleci/src/pages/DetailedViewPage/DetailedViewPage.tsx
rename to plugins/circleci/src/pages/BuildWithStepsPage/BuildWithStepsPage.tsx
index 6e6996af58..04a1fba753 100644
--- a/plugins/circleci/src/pages/DetailedViewPage/DetailedViewPage.tsx
+++ b/plugins/circleci/src/pages/BuildWithStepsPage/BuildWithStepsPage.tsx
@@ -86,7 +86,7 @@ const pickClassName = (
   return classes.neutral;
 };
 
-const DetailedViewPage: FC<{}> = () => {
+const BuildWithStepsPage: FC<{}> = () => {
   const { buildId = '' } = useParams();
   const classes = useStyles();
   const [settings] = useSettings();
@@ -150,4 +150,4 @@ const ActionsList: FC<{ actions: BuildStepAction[]; name: string }> = ({
   );
 };
 
-export default DetailedViewPage;
+export default BuildWithStepsPage;
diff --git a/plugins/circleci/src/pages/DetailedViewPage/index.ts b/plugins/circleci/src/pages/BuildWithStepsPage/index.ts
similarity index 89%
rename from plugins/circleci/src/pages/DetailedViewPage/index.ts
rename to plugins/circleci/src/pages/BuildWithStepsPage/index.ts
index 40d25c4a84..2fb1f48e12 100644
--- a/plugins/circleci/src/pages/DetailedViewPage/index.ts
+++ b/plugins/circleci/src/pages/BuildWithStepsPage/index.ts
@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { default as DetailedViewPage } from './DetailedViewPage';
+export { default as DetailedViewPage } from './BuildWithStepsPage';
diff --git a/plugins/circleci/src/pages/DetailedViewPage/lib/ActionOutput/ActionOutput.tsx b/plugins/circleci/src/pages/BuildWithStepsPage/lib/ActionOutput/ActionOutput.tsx
similarity index 97%
rename from plugins/circleci/src/pages/DetailedViewPage/lib/ActionOutput/ActionOutput.tsx
rename to plugins/circleci/src/pages/BuildWithStepsPage/lib/ActionOutput/ActionOutput.tsx
index dd526c1b5f..e8e1bfe958 100644
--- a/plugins/circleci/src/pages/DetailedViewPage/lib/ActionOutput/ActionOutput.tsx
+++ b/plugins/circleci/src/pages/BuildWithStepsPage/lib/ActionOutput/ActionOutput.tsx
@@ -50,8 +50,8 @@ export const ActionOutput: FC<{
   const [messages, setMessages] = useState([]);
   useEffect(() => {
     fetch(url)
-      .then(res => res.json())
-      .then(actionOutput => {
+      .then((res) => res.json())
+      .then((actionOutput) => {
         if (typeof actionOutput !== 'undefined') {
           setMessages(
             actionOutput.map(({ message }: { message: string }) => message),
diff --git a/plugins/circleci/src/pages/DetailedViewPage/lib/ActionOutput/index.ts b/plugins/circleci/src/pages/BuildWithStepsPage/lib/ActionOutput/index.ts
similarity index 100%
rename from plugins/circleci/src/pages/DetailedViewPage/lib/ActionOutput/index.ts
rename to plugins/circleci/src/pages/BuildWithStepsPage/lib/ActionOutput/index.ts