## The current behavior
React logo in the tab is extremely small & indecipherable
<img width="176" alt="Screen Shot 2020-08-12 at 5 54 27 PM" src="https://user-images.githubusercontent.com/157270/90082546-e3192c80-dcc4-11ea-81e0-f53cd86f6bda.png">

## The expected behavior
Should be as [shown here](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)
![image](https://user-images.githubusercontent.com/157270/90082581-f926ed00-dcc4-11ea-9140-f7b10150c82d.png)

const port = chrome.runtime.connect({
          name: '' + tabId,
        });
        
        
        bridge = new Bridge({
          listen(fn) {
            const listener = message => fn(message);
            
            const portOnMessage = port.onMessage;
            portOnMessage.addListener(listener);
            return () => {
              portOnMessage.removeListener(listener);
            };
          },
          send(event: string, payload: any, transferable?: Array<any>) {
            port.postMessage({event, payload}, transferable);
          },
        });
        bridge.addListener('reloadAppForProfiling', () => {
          localStorageSetItem(LOCAL_STORAGE_SUPPORTS_PROFILING_KEY, 'true');
          chrome.devtools.inspectedWindow.eval('window.location.reload();');
        });
        bridge.addListener('syncSelectionToNativeElementsPanel', () => {
          setBrowserSelectionFromReact();
        });
        
        
        
        let isProfiling = false;