diff --git a/frontend/src/components/editor/Output.tsx b/frontend/src/components/editor/Output.tsx
index 7c4ad4e74cf..b2871743746 100644
--- a/frontend/src/components/editor/Output.tsx
+++ b/frontend/src/components/editor/Output.tsx
@@ -461,7 +461,10 @@ const ExpandableOutput = React.memo(
                     size="xs"
                     variant="text"
                   >
-                    <ExpandIcon className="size-4" strokeWidth={1.25} />
+                    <ExpandIcon
+                      className="size-4 opacity-60 hover:opacity-80"
+                      strokeWidth={1.25}
+                    />
                   </Button>
                 </Tooltip>
               )}
@@ -483,7 +486,7 @@ const ExpandableOutput = React.memo(
                     </Tooltip>
                   ) : (
                     <Tooltip content="Expand output" side="left">
-                      <ChevronsUpDownIcon className="h-4 w-4" />
+                      <ChevronsUpDownIcon className="h-4 w-4 opacity-60" />
                     </Tooltip>
                   )}
                 </Button>
diff --git a/frontend/src/components/editor/notebook-cell.tsx b/frontend/src/components/editor/notebook-cell.tsx
index c89a647da59..a205c0ddb8f 100644
--- a/frontend/src/components/editor/notebook-cell.tsx
+++ b/frontend/src/components/editor/notebook-cell.tsx
@@ -588,7 +588,7 @@ const EditableCellComponent = ({
             className={cn(
               className,
               navigationProps.className,
-              "focus:ring-1 focus:ring-(--blue-7) focus:ring-offset-0",
+              "focus:ring-1 focus:ring-(--slate-7) focus:ring-offset-2",
             )}
             ref={cellContainerRef}
             {...cellDomProps(cellId, cellData.name)}