diff --git a/app/templates/Standard/index.php b/app/templates/Standard/index.php
index ad0206ebf..3f8ce602a 100644
--- a/app/templates/Standard/index.php
+++ b/app/templates/Standard/index.php
@@ -566,7 +566,7 @@ function _column_key($modelsName, $c, $tz=null) {
                           $linkClass .= ' row-link-edit';
                         } elseif ($a == 'view') {
                           $linkClass .= ' row-link-view';
-                          $readOnlyIcon = ' <em class="material-icons read-only-icon">lock</em>';
+                          $readOnlyIcon = ' <em class="material-icons-outlined read-only-icon">edit_off</em>';
                         }
                         $args = ['class' => $linkClass];
                         $isFirstLink = false;
@@ -606,7 +606,7 @@ function _column_key($modelsName, $c, $tz=null) {
                             $linkClass .= ' row-link-edit';
                           } elseif ($a == 'view') {
                             $linkClass .= ' row-link-view';
-                            $readOnlyIcon = ' <em class="material-icons read-only-icon">lock</em>';
+                            $readOnlyIcon = ' <em class="material-icons-outlined read-only-icon">edit_off</em>';
                           }
                           $args = ['class' => $linkClass];
                           $isFirstLink = false;
diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
index 74d6da41b..69300673c 100644
--- a/app/webroot/css/co-base.css
+++ b/app/webroot/css/co-base.css
@@ -1080,7 +1080,8 @@ ul.form-list li.field-stack textarea {
   display: inline;
   margin: 0;
 }
-#content .material-icons {
+#content .material-icons,
+#content .material-icons-outlined {
   font-size: 17px;
   margin-top: 1px;
   vertical-align: top;
@@ -1370,6 +1371,7 @@ table.list-mode .read-only-link-container {
 }
 .linked-row .read-only-icon {
   color: var(--cmg-color-gray-003);
+  padding: 0 0.5em;
 }
 .menuitembutton {
   width: 250px;