diff --git a/src/file/File.present.js b/src/file/File.present.js
index 879e21ed4b..109a2faab5 100644
--- a/src/file/File.present.js
+++ b/src/file/File.present.js
@@ -259,12 +259,13 @@ function StyledNotebook(props) {
     <ListGroup key="controls" flush>
       <ListGroupItem>
         <div>
-          <span>
-            <b>Code Visibility &nbsp;</b>
+          <span style={{ fontWeight: "500" }}>
+            Code Visibility &nbsp;&nbsp;
           </span>
           <ButtonGroup key="controls" size="sm">
             <Button
               color="primary"
+              outline={displayMode !== NotebookSourceDisplayMode.DEFAULT}
               onClick={() => setDisplayMode(NotebookSourceDisplayMode.DEFAULT)}
               active={displayMode === NotebookSourceDisplayMode.DEFAULT}
             >
@@ -272,6 +273,7 @@ function StyledNotebook(props) {
             </Button>
             <Button
               color="primary"
+              outline={displayMode !== NotebookSourceDisplayMode.SHOWN}
               onClick={() => setDisplayMode(NotebookSourceDisplayMode.SHOWN)}
               active={displayMode === NotebookSourceDisplayMode.SHOWN}
             >
@@ -279,6 +281,7 @@ function StyledNotebook(props) {
             </Button>
             <Button
               color="primary"
+              outline={displayMode !== NotebookSourceDisplayMode.HIDDEN}
               onClick={() => setDisplayMode(NotebookSourceDisplayMode.HIDDEN)}
               active={displayMode === NotebookSourceDisplayMode.HIDDEN}
             >