diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index 33092c05..df16ff72 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -25,8 +25,8 @@ export default {
   sortBy: 'Sort By',
   rule: 'Rule',
   sourceIP: 'Source IP',
-  activeConnections: 'Active Connections',
-  closedConnections: 'Closed Connections',
+  activeConnections: 'Active Conns',
+  closedConnections: 'Closed Conns',
   logLevel: 'Log Level',
   twoColumns: 'Two Columns',
   type: 'Type',
diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
index 3b188396..5ae2863c 100644
--- a/src/views/HomePage.vue
+++ b/src/views/HomePage.vue
@@ -12,9 +12,7 @@
         aria-label="close sidebar"
         class="drawer-overlay"
       ></label>
-      <div
-        class="flex h-full flex-col gap-2 overflow-x-hidden bg-base-300/80 p-2 text-base-content"
-      >
+      <div class="flex h-full flex-col gap-2 overflow-x-hidden bg-base-200 p-2 text-base-content">
         <ul class="menu w-80 flex-1 pb-0">
           <li
             v-for="r in routes"
@@ -46,7 +44,7 @@
     <div
       class="drawer-content fixed bottom-0 flex h-full w-full flex-col overflow-hidden md:relative md:w-auto"
     >
-      <RouterView class="flex-1 bg-base-200/70"></RouterView>
+      <RouterView class="flex-1 bg-base-200/50"></RouterView>
 
       <div class="flex h-12 w-full items-center justify-center gap-1 bg-base-200 p-1 md:hidden">
         <ul class="menu menu-horizontal">