diff --git a/static/js/directives/components/pages/repo-page/main.tsx b/static/js/directives/components/pages/repo-page/main.tsx
index f26f58c09..9db546f49 100644
--- a/static/js/directives/components/pages/repo-page/main.tsx
+++ b/static/js/directives/components/pages/repo-page/main.tsx
@@ -2,7 +2,7 @@ import * as angular from "angular";
 
 import repoHeader from "./header";
 import repoSidebar from "./sidebar";
-import repoMain from "./body";
+import repoBody from "./body";
 
 export function rpDirectives(){
   angular.module('quayPages').directive('rpHeader', function(reactDirective) {
@@ -13,8 +13,8 @@ export function rpDirectives(){
     return reactDirective(repoSidebar);
   });
 
-  angular.module('quayPages').directive('rpMain', function(reactDirective) {
-    return reactDirective(repoMain);
+  angular.module('quayPages').directive('rpBody', function(reactDirective) {
+    return reactDirective(repoBody);
   });
 }
 
diff --git a/static/js/directives/components/pages/repo-page/sidebar.tsx b/static/js/directives/components/pages/repo-page/sidebar.tsx
index d2218f90e..fe51ae950 100644
--- a/static/js/directives/components/pages/repo-page/sidebar.tsx
+++ b/static/js/directives/components/pages/repo-page/sidebar.tsx
@@ -1,10 +1,10 @@
 import * as React from "react";
 
-class repo_sidebar extends React.Component<{}, {}> {
+class repoSidebar extends React.Component<{}, {}> {
   render () {
     return <div> The component for the sidebar</div>;
   }
 }
 
-export default repo_sidebar;
+export default repoSidebar;
 
diff --git a/static/partials/repo-view.html b/static/partials/repo-view.html
index b52440eab..4a4a368c2 100644
--- a/static/partials/repo-view.html
+++ b/static/partials/repo-view.html
@@ -7,7 +7,7 @@
       <!-- React Components -->
       <rp-header></rp-header>
       <rp-sidebar></rp-sidebar>
-      <rp-main></rp-main>
+      <rp-body></rp-body>
     </div>
     <!-- Old Repo Page -->
     <div ng-if="!newRepoExperiment">