diff --git a/assets/css/main.css b/assets/css/main.css
index ffd7398..85e3567 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -32,6 +32,8 @@ body {
     --p-tabmenu-item-color: var(--p-text-color);
 
     word-break: break-word;
+
+    --p-tabmenu-tablist-background: unset !important;
 }
 
 .p-datatable-table-container {
diff --git a/layouts/default.vue b/layouts/default.vue
index 2b82937..0cb4e9b 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -21,6 +21,14 @@ const joined = () => {
     border: unset !important;
     // border-right: 1px var(--p-content-border-color) solid !important;
 }
+
+// .layout-content {
+//     background: rgb(255, 255, 255);
+// }
+
+.appdark .layout-content {
+    background: rgb(14, 14, 14);
+}
 </style>
 
 <template>
diff --git a/pages/orgs/[orgName]/apps/[appId]/releases/[detailArtifact].vue b/pages/orgs/[orgName]/apps/[appId]/releases/[detailArtifact].vue
index eb9bf5c..6b74cb2 100644
--- a/pages/orgs/[orgName]/apps/[appId]/releases/[detailArtifact].vue
+++ b/pages/orgs/[orgName]/apps/[appId]/releases/[detailArtifact].vue
@@ -26,7 +26,7 @@
             </div>
         </div>
     </div>
-    <div class="card bg-[var(--p-surface-50)] dark:bg-[var(--p-surface-900)] flex flex-col gap-3 mx-4 mb-4">
+    <div class="card flex flex-col gap-3 mx-4 mb-4">
         <div class="flex flex-col md:flex-row items-stretch gap-2">
             <div class="flex flex-col gap-1 flex-1">
                 <!-- <span class="text-sm">Release Id {{ detailArtifact?.releaseId }}</span> -->