Use the `style` attribute to reset positioning, opacity, and transform values. Use the `.show-modal` class on the search composition's parent container to hide and show the search modal.

```jsx noeditor
<div className="hub-search-results-active">
  <AlgoliaSearch
    appId="T28YKFATPY"
    searchApiKey="c9c9c6147013bac3d8882019147443e0"
    indexName="readme_search_v2"
    style={{
      opacity: 1,
      position: 'relative',
      top: 0,
      transform: 'scale(1)',
    }}
    UrlManager={{
      remove() {},
      upsert() {},
      options: {}
    }}
  />
</div>
```

Note about URLManager: We're using ReadMe's internal UrlManager to construct URLs for SearchResults.

<style>
[data-testid="AlgoliaSearch-examples"] a {
  color: inherit;
  --project-color-inverse: white;
}
</style>
