diff --git a/personal_website/pages/index.py b/personal_website/pages/index.py
index dc39052..b88a33e 100644
--- a/personal_website/pages/index.py
+++ b/personal_website/pages/index.py
@@ -95,7 +95,7 @@ def intro() -> rx.Component:
     )
 
     body = rx.chakra.box(
-        rx.chakra.vstack(
+        rx.vstack(
             read_markdown(
                 asset_data.INDEX_INTRO,
                 component_map=styles.INDEX_PAGE["MARKDOWN_STYLE"],
diff --git a/personal_website/personal_website.py b/personal_website/personal_website.py
index 39ec7d0..2e957cf 100644
--- a/personal_website/personal_website.py
+++ b/personal_website/personal_website.py
@@ -10,5 +10,7 @@
     style=styles.BASE_STYLE,
     stylesheets=["/shared/fonts/fonts.css"],
     theme=rx.theme(accent_color="violet"),
+    appearance="light",
 )
+
 app.add_custom_404_page(page404.index404)  # noqa: F405
diff --git a/personal_website/structural/styles.py b/personal_website/structural/styles.py
index b363532..b303f69 100644
--- a/personal_website/structural/styles.py
+++ b/personal_website/structural/styles.py
@@ -15,6 +15,8 @@
     },
     rx.chakra.MenuItem: {"_hover": {"color": "#522181", "bg": "#F5EFFE"}},
     "font_family": "Hack",
+    "bg": "white",
+    "color": text_color,
 }
 
 # NAVIGATION BAR
@@ -38,6 +40,7 @@
     },
     "NAVAR_MENU_BUTTON_STYLE": {
         "color": text_color,
+        "bg": "white",
         "font_size": "1.1em",
         "padding_left": "0.75em",
         "_hover": {