Viewing github.com/facebook/react/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarSelectedFiberInfo.css

```
.Toolbar {
```
```
  height: 2.25rem;
```
```
  padding: 0 0.5rem;
```
```
  flex: 0 0 auto;
```
```
  display: flex;
```
```
  align-items: center;
```

  border-bottom: 1px solid var(--color-border);

```
}
```
```
.Content {
```
```
  padding: 0.5rem;
```
```
  user-select: none;
```
```
  overflow-y: auto;
```
```
}
```
```
.Component {
```
```
  flex: 1;
```
```
  color: var(--color-component-name);
```

  font-family: var(--font-family-monospace);

  font-size: var(--font-size-monospace-normal);

```
  white-space: nowrap;
```
```
  overflow-x: hidden;
```
```
  text-overflow: ellipsis;
```
```
}
```
```
.Label {
```
```
  font-weight: bold;
```
```
  margin-bottom: 0.5rem;
```
```
}
```
```
.CurrentCommit,
```
```
.Commit {
```
```
  display: block;
```
```
  width: 100%;
```
```
  text-align: left;
```
```
  background: none;
```
```
  border: none;
```
```
  padding: 0.25rem 0.5rem;
```
```
  color: var(--color-text);
```
```
}
```
```
.Commit:focus,
```
```
.Commit:hover {
```
```
  outline: none;
```

  background-color: var(--color-background-hover);

```
}
```
```
.CurrentCommit {
```

  background-color: var(--color-background-selected);

```
  color: var(--color-text-selected);
```
```
}
```
```
.CurrentCommit:focus {
```
```
  outline: none;
```
```
}
```

About Sign Up Leave Feedback Contact