diff --git a/tensorboard/webapp/core/views/layout_container.scss b/tensorboard/webapp/core/views/layout_container.scss
index 3cd792ff35..c4a305b5a5 100644
--- a/tensorboard/webapp/core/views/layout_container.scss
+++ b/tensorboard/webapp/core/views/layout_container.scss
@@ -30,15 +30,18 @@ limitations under the License.
 .expand {
   @include tb-theme-foreground-prop(border-color, border);
   box-sizing: border-box;
-  flex: 0 0 20px;
+  flex: 0 0;
   justify-self: stretch;
+}
+
+.expand {
   width: 20px;
 }
 
 .resizer {
   align-items: center;
   border-style: solid;
-  border-width: 0 1px;
+  border-width: 0 2px;
   cursor: ew-resize;
   display: flex;
   justify-self: stretch;
@@ -46,6 +49,17 @@ limitations under the License.
   .mat-icon {
     width: 100%;
   }
+
+  &:hover {
+    border-color: #ccc;
+    outline: 3px solid #ccc;
+    z-index: 1;
+
+    @include tb-dark-theme {
+      outline-color: #777;
+      border-color: #777;
+    }
+  }
 }
 
 .expand {
diff --git a/tensorboard/webapp/core/views/layout_container.ts b/tensorboard/webapp/core/views/layout_container.ts
index bb031c21a9..b1d64f5189 100644
--- a/tensorboard/webapp/core/views/layout_container.ts
+++ b/tensorboard/webapp/core/views/layout_container.ts
@@ -49,9 +49,7 @@ import {MouseEventButtons} from '../../util/dom';
       *ngIf="(width$ | async) > 0"
       class="resizer"
       (mousedown)="resizeGrabbed()"
-    >
-      <mat-icon svgIcon="drag_indicator_24px"></mat-icon>
-    </div>
+    ></div>
     <ng-content select="[main]"></ng-content>
   `,
   styleUrls: ['layout_container.css'],