diff --git a/src/pages/Connections.tsx b/src/pages/Connections.tsx
index 47a0b5c..00670c7 100644
--- a/src/pages/Connections.tsx
+++ b/src/pages/Connections.tsx
@@ -237,7 +237,7 @@ export default () => {
   })
 
   return (
-    <div class="flex h-full flex-col gap-4 overflow-y-auto">
+    <div class="flex h-full flex-col gap-4 overflow-y-auto p-1">
       <div class="flex w-full items-center gap-2">
         <input
           class="input input-primary flex-1"
diff --git a/src/pages/Logs.tsx b/src/pages/Logs.tsx
index 5ada09d..328fd96 100644
--- a/src/pages/Logs.tsx
+++ b/src/pages/Logs.tsx
@@ -67,16 +67,16 @@ export default () => {
   })
 
   return (
-    <div class="flex flex-col gap-4">
+    <div class="flex h-full flex-col gap-4 overflow-y-auto p-1">
       <input
-        class="input input-primary"
+        class="input input-primary flex-shrink-0"
         placeholder={t('search')}
         onInput={(e) => setSearch(e.target.value)}
       />
 
-      <div class="overflow-x-auto whitespace-nowrap rounded-md">
-        <table class="table table-zebra-zebra table-xs rounded-none bg-base-200">
-          <thead>
+      <div class="overflow-x-auto whitespace-nowrap rounded-md bg-base-300">
+        <table class="table table-xs relative rounded-none">
+          <thead class="sticky top-0 z-10">
             <For each={table.getHeaderGroups()}>
               {(headerGroup) => (
                 <tr>
@@ -102,7 +102,7 @@ export default () => {
           <tbody>
             <For each={table.getRowModel().rows}>
               {(row) => (
-                <tr>
+                <tr class="hover">
                   <For each={row.getVisibleCells()}>
                     {(cell) => (
                       <td>