diff --git a/next-tavla/src/Board/scenarios/Table/components/Line/index.tsx b/next-tavla/src/Board/scenarios/Table/components/Line/index.tsx
index ad99b61d7..232f661cc 100644
--- a/next-tavla/src/Board/scenarios/Table/components/Line/index.tsx
+++ b/next-tavla/src/Board/scenarios/Table/components/Line/index.tsx
@@ -1,7 +1,7 @@
 import { useNonNullContext } from 'hooks/useNonNullContext'
 import { getPresentation } from 'Board/utils/colors'
-import { TransportIcon } from '../TransportIcon'
 import { DepartureContext } from '../../contexts'
+import classes from './styles.module.css'
 
 function Line() {
     const departure = useNonNullContext(DepartureContext)
@@ -12,14 +12,21 @@ function Line() {
         departure.serviceJourney.transportMode,
     )
 
+    const publicCode = departure.serviceJourney.line.publicCode
+
     return (
         <td>
-            <TransportIcon
-                transportMode={departure.serviceJourney.transportMode}
-                publicCode={departure.serviceJourney.line.publicCode}
-                presentation={presentation}
-            />
+            <div
+                className={classes.lineWrapper}
+                style={{
+                    backgroundColor: presentation.backgroundColor,
+                    color: presentation.color,
+                }}
+            >
+                {publicCode}
+            </div>
         </td>
     )
 }
+
 export { Line }
diff --git a/next-tavla/src/Board/scenarios/Table/components/Line/styles.module.css b/next-tavla/src/Board/scenarios/Table/components/Line/styles.module.css
new file mode 100644
index 000000000..7671b7c91
--- /dev/null
+++ b/next-tavla/src/Board/scenarios/Table/components/Line/styles.module.css
@@ -0,0 +1,9 @@
+.lineWrapper {
+    text-align: center;
+    min-width: 3em;
+    max-width: fit-content;
+    padding: 0.25em;
+    border-radius: 0.2em;
+    font-size: 0.9em;
+    font-weight: 500;
+}
diff --git a/next-tavla/src/Board/scenarios/Table/components/TransportIcon/index.tsx b/next-tavla/src/Board/scenarios/Table/components/TransportIcon/index.tsx
index 263b6c1f6..0004101e8 100644
--- a/next-tavla/src/Board/scenarios/Table/components/TransportIcon/index.tsx
+++ b/next-tavla/src/Board/scenarios/Table/components/TransportIcon/index.tsx
@@ -1,28 +1,25 @@
 import { TTransportMode } from 'types/graphql-schema'
 import { TColors } from 'Board/utils/colors'
 import { SVGProps } from 'react'
-import classes from './styles.module.css'
 
 function TransportIcon({
     transportMode,
-    publicCode,
     presentation,
 }: {
     transportMode: TTransportMode | null
-    publicCode: string | null
     presentation: TColors
 }) {
     const mode = transportMode ? transportMode : 'unknown'
+
     return (
         <div
-            className={classes.transportIcon}
             style={{
                 backgroundColor: presentation.backgroundColor,
                 fill: presentation.color,
                 color: presentation.color,
             }}
         >
-            {getTransportIcon(mode)} {publicCode}
+            {getTransportIcon(mode)}
         </div>
     )
 }
diff --git a/next-tavla/src/Board/scenarios/Table/components/TransportIcon/styles.module.css b/next-tavla/src/Board/scenarios/Table/components/TransportIcon/styles.module.css
deleted file mode 100644
index 623ebdd34..000000000
--- a/next-tavla/src/Board/scenarios/Table/components/TransportIcon/styles.module.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.transportIcon {
-    display: flex;
-    justify-content: space-evenly;
-    align-items: center;
-    width: fit-content;
-    height: 100%;
-    padding: 5px;
-    border-radius: 5px;
-}