diff --git a/lib/ports_tab.dart b/lib/ports_tab.dart
index b8c276d..9242257 100644
--- a/lib/ports_tab.dart
+++ b/lib/ports_tab.dart
@@ -44,51 +44,53 @@ class _PortsTabState extends State<PortsTab> {
 
   @override
   Widget build(BuildContext context) {
-    return Padding(
-      padding: const EdgeInsets.all(8.0),
-      child: Column(
-        children: [...widget.mixerState.inputs, ...widget.mixerState.outputs]
-            .indexed
-            .map(
-              (elem) => Card(
-                child: ListTile(
-                  leading: (elem.$1 >= widget.mixerState.inputs.length)
-                      ? const Icon(Icons.speaker_outlined)
-                      : const Icon(Icons.mic_none_outlined),
-                  title: Text(elem.$2.name),
-                  subtitle: Text('Backend: ${elem.$2.properties.backend}'),
-                  trailing: PopupMenuButton<MenuAction>(
-                    tooltip: "More Options",
-                    onSelected: (MenuAction item) {
-                      switch (item) {
-                        case MenuAction.edit:
-                          onEditPort(elem.$2);
-                        case MenuAction.delete:
-                          onDeletePort(elem.$2);
-                      }
-                    },
-                    itemBuilder: (BuildContext context) =>
-                        <PopupMenuEntry<MenuAction>>[
-                      const PopupMenuItem<MenuAction>(
-                        value: MenuAction.edit,
-                        child: ListTile(
-                          leading: Icon(Icons.mode_edit),
-                          title: Text('Edit'),
+    return SingleChildScrollView(
+      child: Padding(
+        padding: const EdgeInsets.all(8.0),
+        child: Column(
+          children: [...widget.mixerState.inputs, ...widget.mixerState.outputs]
+              .indexed
+              .map(
+                (elem) => Card(
+                  child: ListTile(
+                    leading: (elem.$1 >= widget.mixerState.inputs.length)
+                        ? const Icon(Icons.speaker_outlined)
+                        : const Icon(Icons.mic_none_outlined),
+                    title: Text(elem.$2.name),
+                    subtitle: Text('Backend: ${elem.$2.properties.backend}'),
+                    trailing: PopupMenuButton<MenuAction>(
+                      tooltip: "More Options",
+                      onSelected: (MenuAction item) {
+                        switch (item) {
+                          case MenuAction.edit:
+                            onEditPort(elem.$2);
+                          case MenuAction.delete:
+                            onDeletePort(elem.$2);
+                        }
+                      },
+                      itemBuilder: (BuildContext context) =>
+                          <PopupMenuEntry<MenuAction>>[
+                        const PopupMenuItem<MenuAction>(
+                          value: MenuAction.edit,
+                          child: ListTile(
+                            leading: Icon(Icons.mode_edit),
+                            title: Text('Edit'),
+                          ),
                         ),
-                      ),
-                      const PopupMenuItem<MenuAction>(
-                        value: MenuAction.delete,
-                        child: ListTile(
-                          leading: Icon(Icons.delete),
-                          title: Text('Delete'),
+                        const PopupMenuItem<MenuAction>(
+                          value: MenuAction.delete,
+                          child: ListTile(
+                            leading: Icon(Icons.delete),
+                            title: Text('Delete'),
+                          ),
                         ),
-                      ),
-                    ],
+                      ],
+                    ),
                   ),
                 ),
-              ),
-            )
-            .toList(),
+              )
+              .toList(),
+        ),
       ),
     );
   }