diff --git a/src/chrome/ContentBoxTitle.tsx b/src/chrome/ContentBoxTitle.tsx
index 0941767c..2d9de6df 100644
--- a/src/chrome/ContentBoxTitle.tsx
+++ b/src/chrome/ContentBoxTitle.tsx
@@ -1,13 +1,22 @@
 import React from 'react'
 
+import IconLink from './IconLink'
+
 interface ContentBoxTitleProps {
   title: string
+  editLink?: string
+  editTitle?: string
 }
 
 const ContentBoxTitle: React.FC<ContentBoxTitleProps> = ({
-  title
+  title,
+  editLink = '',
+  editTitle = ''
 }) => (
-  <div className='text-sm text-qrigray-400 font-semibold mb-2'>{title}</div>
+  <div className='flex'>
+    <div className='text-sm text-qrigray-400 font-semibold mb-2 flex-grow'>{title}</div>
+    {editLink !== '' && <IconLink icon='edit' size='xs' colorClassName='text-qrigray-400' to={editLink} title={editTitle} />}
+  </div>
 )
 
 export default ContentBoxTitle
diff --git a/src/chrome/Icon.tsx b/src/chrome/Icon.tsx
index 7dd66de9..c89baa46 100644
--- a/src/chrome/Icon.tsx
+++ b/src/chrome/Icon.tsx
@@ -55,6 +55,7 @@ import Info from './icon/Info'
 import Integer from './icon/Integer'
 import Lock from './icon/Lock'
 import More from './icon/More'
+import MoreVertical from './icon/MoreVertical'
 import MyDatasets from './icon/MyDatasets'
 import Null from './icon/Null'
 import Number from './icon/Number'
@@ -149,6 +150,7 @@ const Icon: React.FunctionComponent<IconProps> = (props) => {
     loader: <Loader {...props} />,
     lock: <Lock {...props} />,
     more: <More {...props} />,
+    moreVertical: <MoreVertical {...props} />,
     myDatasets: <MyDatasets {...props} />,
     null: <Null {...props} />,
     number: <Number {...props} />,
diff --git a/src/chrome/IconLink.tsx b/src/chrome/IconLink.tsx
index 1140246f..00c771f5 100644
--- a/src/chrome/IconLink.tsx
+++ b/src/chrome/IconLink.tsx
@@ -5,7 +5,7 @@ import Icon, { IconSize } from './Icon'
 
 interface IconLinkProps {
   icon: string
-  link?: string
+  to?: string
   size?: IconSize
   className?: string
   colorClassName?: string
@@ -15,7 +15,7 @@ interface IconLinkProps {
 
 const IconLink: React.FC<IconLinkProps> = ({
   icon,
-  link,
+  to,
   size = 'sm',
   className,
   colorClassName = 'text-black hover:text-qripink-600',
@@ -24,10 +24,10 @@ const IconLink: React.FC<IconLinkProps> = ({
 }) => {
   const linkClassNames = `${colorClassName} hover:cursor-pointer`
 
-  if (link) {
+  if (to) {
     return (
       <div title={title} className={classNames('ml-2', className)} onClick={onClick}>
-        <Link to={link} className={linkClassNames} colorClassName={colorClassName}>
+        <Link to={to} className={linkClassNames} colorClassName={colorClassName}>
           <Icon icon={icon} size={size} />
         </Link>
       </div>
diff --git a/src/chrome/icon/MoreVertical.tsx b/src/chrome/icon/MoreVertical.tsx
new file mode 100644
index 00000000..b3229300
--- /dev/null
+++ b/src/chrome/icon/MoreVertical.tsx
@@ -0,0 +1,12 @@
+import React from 'react'
+import CustomIcon, { CustomIconProps } from '../CustomIcon'
+
+const MoreVertical: React.FC<CustomIconProps> = (props) => (
+  <CustomIcon {...props}>
+    <path d="M10.5 12.6194C10.5 13.3097 11.0596 13.8694 11.75 13.8694C12.4404 13.8694 13 13.3097 13 12.6194C13 11.929 12.4404 11.3694 11.75 11.3694C11.0596 11.3694 10.5 11.929 10.5 12.6194Z" fill="currentColor" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <path d="M10.5 21.3694C10.5 22.0597 11.0596 22.6194 11.75 22.6194C12.4404 22.6194 13 22.0597 13 21.3694C13 20.679 12.4404 20.1194 11.75 20.1194C11.0596 20.1194 10.5 20.679 10.5 21.3694Z" fill="currentColor" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <path d="M10.5 3.86938C10.5 4.55974 11.0596 5.11938 11.75 5.11938C12.4404 5.11938 13 4.55974 13 3.86938C13 3.17903 12.4404 2.61938 11.75 2.61938C11.0596 2.61938 10.5 3.17903 10.5 3.86938Z" fill="currentColor" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+  </CustomIcon>
+)
+
+export default MoreVertical
diff --git a/src/features/app/App.css b/src/features/app/App.css
index 8a260723..6d9ad051 100644
--- a/src/features/app/App.css
+++ b/src/features/app/App.css
@@ -117,3 +117,16 @@ html {
   75%  { content: '...'; }
   100% { content: ''; }
 }
+
+/* Override default behavior of simplemede-markdown-editor */
+/* Makes readme editor 100% height with overflow-scrolling textarea */
+
+#readme-editor-wrapper,
+.EasyMDEContainer,
+.CodeMirror-scroll {
+  height: 100%;
+}
+
+.EasyMDEContainer .CodeMirror {
+  height: calc(100% - 49px);
+}
diff --git a/src/features/collection/CollectionTable.tsx b/src/features/collection/CollectionTable.tsx
index 90f2216e..5e0d3ccc 100644
--- a/src/features/collection/CollectionTable.tsx
+++ b/src/features/collection/CollectionTable.tsx
@@ -161,7 +161,7 @@ const CollectionTable: React.FC<CollectionTableProps> = ({
       selector: (row: VersionInfo) => row.commitTime,
       omit: simplified,
       sortable: true,
-      width: '180px',
+      width: '130px',
       // eslint-disable-next-line react/display-name
       cell: (row: VersionInfo) => {
         // TODO (ramfox): the activity feed expects more content than currently exists
@@ -218,7 +218,7 @@ const CollectionTable: React.FC<CollectionTableProps> = ({
         flexShrink: 0
       },
       omit: simplified,
-      width: '100px',
+      width: '88px',
       // eslint-disable-next-line react/display-name
       cell: (row: VersionInfo) => (
         <div className='mx-auto text-qrigray-400'>
@@ -230,19 +230,16 @@ const CollectionTable: React.FC<CollectionTableProps> = ({
     },
     {
       name: '',
-      style: {
-        flexShrink: 0
-      },
       omit: simplified,
-      width: '60px',
+      width: '10px',
       // eslint-disable-next-line react/display-name
       cell: (row: VersionInfo, i: number) => {
         const isLastRow = (i === (filteredWorkflows.length - 1) && filteredWorkflows.length !== 1)
         return (
-          <div className='mx-auto text-qrigray-400'>
+          <div className='mx-auto text-qrigray-400 flex items-center'>
             <DropdownMenu
               id={row.name}
-              icon={<Icon icon='more' />}
+              icon={<Icon icon='moreVertical' size='sm'/>}
               dropUp={isLastRow}
               oneItem={filteredWorkflows.length === 1}
               items={[
diff --git a/src/features/commits/CommitSummaryHeader.tsx b/src/features/commits/CommitSummaryHeader.tsx
index b1b26316..3d1eb8da 100644
--- a/src/features/commits/CommitSummaryHeader.tsx
+++ b/src/features/commits/CommitSummaryHeader.tsx
@@ -23,7 +23,7 @@ const CommitSummaryHeader: React.FC<CommitSummaryHeaderProps> = ({
 
   return (
     <div className='min-height-200 py-4 px-8 rounded-lg bg-white flex'>
-      <div className='commit_summary_header_container'>
+      <div className='commit_summary_header_container flex-shrink overflow-ellipsis min-w-0 pr-3'>
         { loading
           ? <>
             <div className='text-sm text-qrigray-400 font-semibold mb-2'>Version Info</div>
@@ -39,7 +39,7 @@ const CommitSummaryHeader: React.FC<CommitSummaryHeaderProps> = ({
           </>
           }
       </div>
-      <div className='flex-grow flex items-center justify-end'>
+      <div className='flex-grow flex-shrink-0 flex items-center justify-end'>
         {children}
       </div>
     </div>
diff --git a/src/features/commits/DatasetCommitList.tsx b/src/features/commits/DatasetCommitList.tsx
index ca347ea0..fe090c23 100644
--- a/src/features/commits/DatasetCommitList.tsx
+++ b/src/features/commits/DatasetCommitList.tsx
@@ -50,6 +50,8 @@ const DatasetCommits: React.FC<DatasetCommitsProps> = ({
           <HistorySearchBox />
           {editable && <NewVersionButton qriRef={qriRef} />}
         */}
+
+        {userCanEditDataset && (
         <li className='flex items-stretch text-black tracking-wider'>
           <div className='relative w-4 mr-5 flex-shrink-0'>
             <div className={classNames('absolute top-2.5 w-4 h-4 rounded-3xl border border-qritile-600')}>&nbsp;</div>
@@ -57,14 +59,14 @@ const DatasetCommits: React.FC<DatasetCommitsProps> = ({
               <div className='absolute -bottom-2 w-full h-11 bg-gray-300 rounded'>&nbsp;</div>
             </div>
           </div>
-          {userCanEditDataset && (
-            <div className='w-full'>
-              <Link to={`/${qriRef.username}/${qriRef.name}/edit`}>
-                <Button className='mb-6' block disabled={loading || (commits.length ? path !== commits[0].path : false)} type='primary-outline' icon='edit'>Edit</Button>
-              </Link>
-            </div>
-          )}
+          <div className='w-full'>
+            <Link to={`/${qriRef.username}/${qriRef.name}/edit`}>
+              <Button className='mb-6' block disabled={loading || (commits.length ? path !== commits[0].path : false)} type='primary-outline' icon='edit'>Edit</Button>
+            </Link>
+          </div>
         </li>
+        )}
+
         {loading
           ? Array(3).fill('').map((_, i) => (
             <DatasetCommitListItem
diff --git a/src/features/datasetEditor/DatasetEditorLayout.tsx b/src/features/datasetEditor/DatasetEditorLayout.tsx
index 0334e5ff..e83a51eb 100644
--- a/src/features/datasetEditor/DatasetEditorLayout.tsx
+++ b/src/features/datasetEditor/DatasetEditorLayout.tsx
@@ -23,6 +23,7 @@ interface DatasetEditorLayoutProps {
   onCommitTitleChange: (commitTitle: string) => void
   onCommit: () => void
   onClose?: () => void
+  commitButtonDisabled?: boolean
 }
 
 const DatasetEditorLayout: React.FC<DatasetEditorLayoutProps> = ({
@@ -37,7 +38,8 @@ const DatasetEditorLayout: React.FC<DatasetEditorLayoutProps> = ({
   onTitleChange,
   onCommitTitleChange,
   onCommit,
-  onClose
+  onClose,
+  commitButtonDisabled = false
 }) => {
   // used to parse the selected tab
   const qriRef = newQriRef(refParamsFromLocation(useParams(), useLocation()))
@@ -60,7 +62,7 @@ const DatasetEditorLayout: React.FC<DatasetEditorLayoutProps> = ({
         >
           <IconLink icon='close' size='lg' className='pb-6' onClick={handleCloseClick} />
         </DatasetHeaderLayout>
-        <div className='flex flex-grow'>
+        <div className='flex flex-grow min-h-0'>
           <TabbedComponentViewer
             preview
             showLoadingState={false}
@@ -76,6 +78,7 @@ const DatasetEditorLayout: React.FC<DatasetEditorLayoutProps> = ({
         commitTitle={commitTitle}
         onCommitTitleChange={onCommitTitleChange}
         onCommit={onCommit}
+        disabled={commitButtonDisabled}
       />}
     </div>
   )
diff --git a/src/features/datasetEditor/ExistingDatasetEditor.tsx b/src/features/datasetEditor/ExistingDatasetEditor.tsx
index e5b8305f..830a541f 100644
--- a/src/features/datasetEditor/ExistingDatasetEditor.tsx
+++ b/src/features/datasetEditor/ExistingDatasetEditor.tsx
@@ -1,6 +1,7 @@
 import React, { useState } from "react"
 import { useHistory } from 'react-router'
 import { useDispatch, useSelector } from "react-redux"
+import { useLocation } from 'react-router-dom'
 
 import DatasetEditorLayout from './DatasetEditorLayout'
 import { loadDataset } from '../dataset/state/datasetActions'
@@ -16,11 +17,12 @@ import { newQriRef } from '../../qri/ref'
 import { NewDataset } from '../../qri/dataset'
 import Head from '../app/Head'
 
-const DEFAULT_DATASET_COMMIT_TITLE = 'manually updated dataset'
+const DEFAULT_DATASET_COMMIT_TITLE = ''
 
 const ExistingDatasetEditor: React.FC<{}> = () => {
   const dispatch = useDispatch()
   const history = useHistory()
+  const location = useLocation()
 
   const dataset = useSelector(selectDatasetEditorDataset)
   const isLoading = useSelector(selectDatasetEditorLoading)
@@ -56,6 +58,15 @@ const ExistingDatasetEditor: React.FC<{}> = () => {
     <>Edit your dataset here and press Commit</>
   )
 
+  let commitButtonDisabled = false
+
+  if (commitTitle === DEFAULT_DATASET_COMMIT_TITLE) {
+    commitBarContent = (
+      <>Enter a message to commit your changes</>
+    )
+    commitButtonDisabled = true
+  }
+
   if (error) {
     commitBarContent = (
       <span className='text-warningyellow'>{error}</span>
@@ -67,7 +78,7 @@ const ExistingDatasetEditor: React.FC<{}> = () => {
   }
 
   const handleClose = () => {
-    history.push(`/${dataset.username}/${dataset.name}/history`)
+    history.push(`/${dataset.username}/${dataset.name}/history${location.hash}`)
   }
 
   return (
@@ -86,6 +97,7 @@ const ExistingDatasetEditor: React.FC<{}> = () => {
         onCommitTitleChange={(commitTitle: string) => { setCommitTitle(commitTitle) }}
         onCommit={handleCommit}
         onClose={handleClose}
+        commitButtonDisabled={commitButtonDisabled}
       />
     </>
   )
diff --git a/src/features/download/DownloadDatasetButton.tsx b/src/features/download/DownloadDatasetButton.tsx
index ffc8a172..27b3ef29 100644
--- a/src/features/download/DownloadDatasetButton.tsx
+++ b/src/features/download/DownloadDatasetButton.tsx
@@ -50,7 +50,7 @@ const DownloadDatasetButton: React.FC<DownloadDatasetButtonProps> = ({
     if (user.username === 'new') {
       return <IconLink title={title} icon='download' onClick={handleDownloadClick} />
     } else {
-      return <IconLink title={title} icon='download' link={downloadLink} onClick={() => {
+      return <IconLink title={title} icon='download' to={downloadLink} onClick={() => {
         // preview-download-body
         trackGoal('MUBGTLL9', 0)
       }} />
diff --git a/src/features/dsComponents/DatasetComponent.tsx b/src/features/dsComponents/DatasetComponent.tsx
index 06569a78..1c9123a9 100644
--- a/src/features/dsComponents/DatasetComponent.tsx
+++ b/src/features/dsComponents/DatasetComponent.tsx
@@ -118,20 +118,33 @@ const DatasetComponent: React.FC<DatasetComponentProps> = ({
       {component}
     </div>
   )
+  let componentHeaderBorder = true
+  let overflowScroll = true
 
   // exclude the default padding for some components
   if (['body', 'structure', 'transform'].includes(componentName)) {
     componentContent = component
+    componentHeaderBorder = false
+  }
+
+  // no padding on readme editor
+  if (editor && (componentName === 'readme')) {
+    componentContent = component
+    componentHeaderBorder = false
+    overflowScroll = false
   }
 
   return (
     <div
       className={classNames('rounded-md bg-white h-full w-full overflow-auto rounded-tl-none rounded-tr-none flex flex-col pb-4', {})}
     >
-      <ComponentHeader border={!['body', 'structure', 'transform'].includes(componentName)}>
+      <ComponentHeader border={componentHeaderBorder}>
         {componentHeader}
       </ComponentHeader>
-      <div className='overflow-auto flex-grow'>
+      <div className={classNames({
+        'flex-grow overflow-auto': overflowScroll,
+        'h-full overflow-hidden': !overflowScroll
+      })}>
         {componentContent}
       </div>
 
diff --git a/src/features/dsPreview/DatasetPreviewPage.tsx b/src/features/dsPreview/DatasetPreviewPage.tsx
index 81362b76..37c9c4e5 100644
--- a/src/features/dsPreview/DatasetPreviewPage.tsx
+++ b/src/features/dsPreview/DatasetPreviewPage.tsx
@@ -10,18 +10,16 @@ import { loadDsPreview } from './state/dsPreviewActions'
 import Spinner from '../../chrome/Spinner'
 import ContentBox from '../../chrome/ContentBox'
 import ContentBoxTitle from '../../chrome/ContentBoxTitle'
-
 import BodyPreview from '../dsComponents/body/BodyPreview'
-
 import DatasetScrollLayout from '../dataset/DatasetScrollLayout'
 import Readme from '../dsComponents/readme/Readme'
-
 import MetaChips from '../../chrome/MetaChips'
 import DatasetCommitInfo from '../../chrome/DatasetCommitInfo'
 import DownloadDatasetButton from "../download/DownloadDatasetButton"
 import ContentBoxSubTitle from "../../chrome/ContentBoxSubTitle"
 import { newVersionInfoFromDataset } from '../../qri/versionInfo'
 import Head from '../app/Head'
+import { selectSessionUserCanEditDataset } from '../dataset/state/datasetState'
 
 interface DatasetPreviewPageProps {
   qriRef: QriRef
@@ -33,6 +31,7 @@ const DatasetPreviewPage: React.FC<DatasetPreviewPageProps> = ({
   const dispatch = useDispatch()
   const dataset = useSelector(selectDsPreview)
   const loading = useSelector(selectIsDsPreviewLoading)
+  const userCanEditDataset = useSelector(selectSessionUserCanEditDataset)
 
   const [versionInfoContainer, { height: versionInfoContainerHeight }] = useDimensions()
   const [expandReadme, setExpandReadme] = useState(false)
@@ -73,7 +72,11 @@ const DatasetPreviewPage: React.FC<DatasetPreviewPageProps> = ({
     })} style={{ height: readmeContainerHeight }}>
       <ContentBox className='flex flex-col h-full'>
         <div style={{ minHeight: minReadmeHeight }} className='flex flex-col h-full overflow-hidden'>
-          <ContentBoxTitle title='Readme'/>
+          <ContentBoxTitle
+            title='Readme'
+            editLink={userCanEditDataset ? `/${qriRef.username}/${qriRef.name}/edit#readme` : ''}
+            editTitle='edit readme'
+          />
           <div className={classNames('flex-grow overflow-hidden relative', {
             'fade-bottom': readmeHeightLargerThanContainerHeight
           })}>
@@ -129,7 +132,11 @@ const DatasetPreviewPage: React.FC<DatasetPreviewPageProps> = ({
                 {dataset.readme && (
                   <ContentBox className='flex flex-col mt-6 block md:hidden'>
                     <div className='flex flex-col h-full overflow-hidden'>
-                      <ContentBoxTitle title='Readme'/>
+                      <ContentBoxTitle
+                        title='Readme'
+                        editLink={userCanEditDataset ? `/${qriRef.username}/${qriRef.name}/edit#readme` : ''}
+                        editTitle='edit readme'
+                      />
                       <div className={classNames('flex-grow overflow-hidden relative', {
                         'fade-bottom': readmeHeightLargerThanContainerHeight
                       })} style={{ maxHeight: expandReadme ? '' : 256 }}>
@@ -141,7 +148,11 @@ const DatasetPreviewPage: React.FC<DatasetPreviewPageProps> = ({
                 )}
                 <ContentBox className='mt-6'>
                   {/* Bottom of the box */}
-                  <ContentBoxTitle title='Metadata' />
+                  <ContentBoxTitle
+                    title='Metadata'
+                    editLink={userCanEditDataset ? `/${qriRef.username}/${qriRef.name}/edit#meta` : ''}
+                    editTitle='edit metadata'
+                  />
                   <ContentBoxSubTitle title='Description' />
                   <div className='text-qrigray-400 text-xs tracking-wider mb-2 break-words'>{(dataset.meta?.description) || 'No Description'}</div>
                   <ContentBoxSubTitle title='Keywords' />
@@ -158,7 +169,11 @@ const DatasetPreviewPage: React.FC<DatasetPreviewPageProps> = ({
             }}>
               <ContentBox className='h-full overflow-hidden flex flex-col'>
                 <div className='flex flex-col h-full overflow-hidden'>
-                  <ContentBoxTitle title='Data' />
+                  <ContentBoxTitle
+                    title='Data'
+                    editLink={userCanEditDataset ? `/${qriRef.username}/${qriRef.name}/edit` : ''}
+                    editTitle='edit data'
+                  />
                   <BodyPreview dataset={dataset} loading={loading} />
                 </div>
               </ContentBox>
diff --git a/src/features/footer/QriSocialLinks.tsx b/src/features/footer/QriSocialLinks.tsx
index c4fed0b4..15ee2e64 100644
--- a/src/features/footer/QriSocialLinks.tsx
+++ b/src/features/footer/QriSocialLinks.tsx
@@ -22,7 +22,7 @@ const QriSocialLinks = () => (
           key={i}
           icon={icon}
           size='md'
-          link={link}
+          to={link}
           className='ml-5 first:ml-0'
           colorClassName='text-black hover:text-qripink-600'
         />
diff --git a/src/features/navbar/NavBar.tsx b/src/features/navbar/NavBar.tsx
index 7a249132..aaf6dc47 100644
--- a/src/features/navbar/NavBar.tsx
+++ b/src/features/navbar/NavBar.tsx
@@ -80,7 +80,7 @@ const NavBar: React.FC<NavBarProps> = ({
       <div className='flex-grow md:flex-grow-0'/>
       {!minimal && showSearch && (
       <div className='md:hidden'>
-        <IconLink icon='skinnySearch' size='lg' link='/search' />
+        <IconLink icon='skinnySearch' size='lg' to='/search' />
       </div>
       )}
       <div className='flex justify-end items-center'>