diff --git a/frontend/src/components/dialog/repo-share-admin-dialog.js b/frontend/src/components/dialog/repo-share-admin-dialog.js
index 484c313c1f..20a20a4367 100644
--- a/frontend/src/components/dialog/repo-share-admin-dialog.js
+++ b/frontend/src/components/dialog/repo-share-admin-dialog.js
@@ -47,7 +47,7 @@ class RepoShareAdminDialog extends React.Component {
 
   render() {
     const { activeTab } = this.state;
-    const { repoName } = this.props.repo;
+    const { repo_name: repoName } = this.props.repo;
 
     return (
       <div>
diff --git a/frontend/src/css/share-link-dialog.css b/frontend/src/css/share-link-dialog.css
index a049b3d9b4..ba1855329a 100644
--- a/frontend/src/css/share-link-dialog.css
+++ b/frontend/src/css/share-link-dialog.css
@@ -16,8 +16,14 @@
     padding: 1rem;
     border-bottom: 1px solid #eee;
 }
+
+.share-dialog .nav .nav-item .nav-link {
+    padding: 0.3125rem 0.25rem;
+}
+
 @media (min-width: 768px) {
   .share-dialog-content .share-dialog-side {
+    padding: 12px 8px;
     border: 0;
     border-right: 1px solid #eee;
   }
@@ -26,6 +32,7 @@
   }
   .share-dialog-side .nav-pills .nav-item .nav-link {
     width: 100%;
+    padding: 0.3125rem 0.5rem;
     margin: 0;
   }
 }
@@ -84,10 +91,6 @@
     margin-top: 1.125rem;
 }
 
-.share-dialog .nav .nav-item .nav-link {
-    padding: 0.3125rem 0.25rem;
-}
-
 input.expire-input {
     display: inline-block;
     width: 4rem;