src/client/components/Urls.tsx

@@ -7,6 +7,7 @@ import {
   TileGrid,
   TileIcon,
   TileName,
+  TilePort,
   TileStatus,
 } from '../styles'
 
@@ -20,7 +21,7 @@ export function Urls({ render }: { render: () => void }) {
   return (
     <TileGrid narrow={isNarrow || undefined}>
       {nonTools.map(app => {
-        const url = app.tunnelUrl || buildAppUrl(app.name, location.origin)
+        const url = buildAppUrl(app.name, location.origin)
         const running = app.state === 'running'
         const appPage = `/app/${app.name}`
 
@@ -40,6 +41,7 @@ export function Urls({ render }: { render: () => void }) {
             <TileStatus state={app.state} onClick={openAppPage} />
             <TileIcon>{app.icon}</TileIcon>
             <TileName>{app.name}</TileName>
+            <TilePort>{app.port ? `:${app.port}` : '\u2014'}</TilePort>
           </Tile>
         )
       })}

src/client/styles/misc.ts

@@ -164,7 +164,6 @@ export const TabContent = define('TabContent', {
     active: {
       display: 'flex',
       flexDirection: 'column',
-      alignItems: 'center',
       flex: 1,
       width: '100%',
     }