diff --git a/src/views/projects/Commit.svelte b/src/views/projects/Commit.svelte
index e9e3c5281..37c4bf971 100644
--- a/src/views/projects/Commit.svelte
+++ b/src/views/projects/Commit.svelte
@@ -19,9 +19,9 @@
   }
   .header {
     padding: 1rem;
-    background: var(--color-background-1);
-    border-radius: var(--border-radius);
     margin-bottom: 1.5rem;
+    border-radius: var(--border-radius);
+    border: 1px solid var(--color-foreground-3);
   }
   .summary {
     display: flex;
diff --git a/src/views/projects/Commit/CommitTeaser.svelte b/src/views/projects/Commit/CommitTeaser.svelte
index 60646c99d..d11f8d890 100644
--- a/src/views/projects/Commit/CommitTeaser.svelte
+++ b/src/views/projects/Commit/CommitTeaser.svelte
@@ -13,7 +13,7 @@
 
 <style>
   .teaser {
-    background-color: var(--color-background-1);
+    background-color: var(--color-foreground-1);
     padding: 0.75rem 0rem;
     display: flex;
     align-items: center;
diff --git a/src/views/projects/SourceBrowser/FileDiff.svelte b/src/views/projects/SourceBrowser/FileDiff.svelte
index 1a8e4dfbe..2eb624b2a 100644
--- a/src/views/projects/SourceBrowser/FileDiff.svelte
+++ b/src/views/projects/SourceBrowser/FileDiff.svelte
@@ -76,7 +76,7 @@
   main {
     font-size: var(--font-size-small);
     border-top: 1px dashed var(--color-foreground-4);
-    background: var(--color-background-1);
+    background-color: var(--color-foreground-1);
     border-radius: 0 0 var(--border-radius-small) var(--border-radius-small);
     overflow-x: auto;
   }
@@ -90,7 +90,6 @@
     padding: 1rem;
     color: var(--color-foreground-5);
     text-align: center;
-    background-color: var(--color-foreground-2);
   }
   .browse {
     margin-left: auto;