diff --git a/src/themes/scss/theme/components/_avatar.scss b/src/themes/scss/theme/components/_avatar.scss
new file mode 100644
index 0000000..08b241c
--- /dev/null
+++ b/src/themes/scss/theme/components/_avatar.scss
@@ -0,0 +1,6 @@
+@mixin avatar {
+    img.ui.avatar, .ui.avatar img, .ui.avatar svg {
+        border-radius: 50% !important;
+        object-fit: fill;
+    }
+}
\ No newline at end of file
diff --git a/src/themes/scss/theme/components/_file-content.scss b/src/themes/scss/theme/components/_file-content.scss
new file mode 100644
index 0000000..604db84
--- /dev/null
+++ b/src/themes/scss/theme/components/_file-content.scss
@@ -0,0 +1,45 @@
+@use '@lucas-labs/lui-micro/var' as var;
+@use '@lucas-labs/lui-micro/color' as color;
+
+@mixin file-content {
+    .non-diff-file-content {
+        .ui.segment.list-header {
+            border-radius: var(--border-radius);
+            margin-bottom: var.get('measure/1x') !important;
+            gap: var.get('measure/.5x');
+            padding: var.get('measure/.5x') var.get('measure/.75x');
+            
+            .latest-commit {
+                gap: var.get('measure/.5x');
+            }
+
+            .commit-summary {
+                color: color.get('subtle');
+            }
+
+            .age {
+                font-size: 12px;
+            }
+        }
+
+        .ui.top.attached.header {
+            border-top-left-radius: var(--border-radius);
+            border-top-right-radius: var(--border-radius);
+
+            .file-info {
+                color: color.get('subtle') !important;
+            }
+
+            .btn-octicon {
+                --color-text: #{color.get('subtle')};
+            }
+        }
+
+        .ui.attached.segment:has(+.ui[class*="top attached"].header), .ui.attached.segment:has(+.page.buttons), .ui.attached.segment:last-child, .ui.segment:has(+.ui.segment:not(.attached)), .ui.attached.segment:has(+.ui.modal) {
+            border-top-left-radius: 0;
+            border-top-right-radius: 0;
+            border-bottom-left-radius: var(--border-radius);
+            border-bottom-right-radius: var(--border-radius);
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/themes/scss/theme/components/index.scss b/src/themes/scss/theme/components/index.scss
index 887a831..6733dff 100644
--- a/src/themes/scss/theme/components/index.scss
+++ b/src/themes/scss/theme/components/index.scss
@@ -1,3 +1,5 @@
 @forward './signed-label';
 @forward './editor';
-@forward './menu';
\ No newline at end of file
+@forward './menu';
+@forward './file-content';
+@forward './avatar';
\ No newline at end of file