diff --git a/docs/css/custom.css b/docs/css/custom.css
index a1267e60bd..6578216117 100644
--- a/docs/css/custom.css
+++ b/docs/css/custom.css
@@ -3,14 +3,14 @@
 /* Noto Color Emoji for emoji support with the same font everywhere */
 @import url(https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap);
 
-/* Override default code font in Material for MkDocs to Fira Code */
+/* Use Fira Code for code blocks */
 :root {
     --md-code-font: "Fira Code", monospace, "Noto Color Emoji";
 }
 
-/* Override default regular font in Material for MkDocs to include Noto Color Emoji */
+/* Keep the modern theme font and include Noto Color Emoji */
 :root {
-    --md-text-font: "Roboto", "Noto Color Emoji";
+    --md-text-font: "Inter", "Noto Color Emoji";
 }
 
 .termynal-comment {
diff --git a/mkdocs.yml b/mkdocs.yml
index 9eba8358b4..5b70247a6d 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -3,7 +3,7 @@ site_name: SQLModel
 site_description: SQLModel, SQL databases in Python, designed for simplicity, compatibility, and robustness.
 site_url: https://sqlmodel.tiangolo.com/
 theme:
-  variant: classic
+  variant: modern
   name: material
   custom_dir: docs/overrides
   palette:
@@ -50,7 +50,7 @@ theme:
 
   icon:
     repo: octicons/mark-github-24
-  logo: img/icon-white.svg
+  logo: img/icon.svg
   favicon: img/favicon.png
   language: en
 repo_name: fastapi/sqlmodel