diff --git a/src/timelines/Home.tsx b/src/timelines/Home.tsx
index 99e4fd1..5b413ce 100644
--- a/src/timelines/Home.tsx
+++ b/src/timelines/Home.tsx
@@ -31,6 +31,7 @@ import {
   createSingluarItemSelection,
   default as ItemSelectionProvider,
 } from "./toots/ItemSelectionProvider";
+import AppTopBar from "~material/AppTopBar";
 
 const Home: ParentComponent = (props) => {
   let panelList: HTMLDivElement;
@@ -165,40 +166,34 @@ const Home: ParentComponent = (props) => {
     <>
       <Scaffold
         topbar={
-          <AppBar position="static">
-            <Toolbar
-              variant="dense"
-              class="responsive"
-              sx={{ paddingTop: "var(--safe-area-inset-top, 0px)" }}
-            >
-              <Tabs>
-                <Tab focus={isTabFocus(0)} onClick={[onTabClick, 0]}>
-                  Home
-                </Tab>
-                <Tab focus={isTabFocus(1)} onClick={[onTabClick, 1]}>
-                  Trending
-                </Tab>
-                <Tab focus={isTabFocus(2)} onClick={[onTabClick, 2]}>
-                  Public
-                </Tab>
-              </Tabs>
-              <ProfileMenuButton profile={profiles()[0]}>
-                <MenuItem
-                  onClick={(e) =>
-                    $settings.setKey(
-                      "prefetchTootsDisabled",
-                      !$settings.get().prefetchTootsDisabled,
-                    )
-                  }
-                >
-                  <ListItemText>Prefetch Toots</ListItemText>
-                  <ListItemSecondaryAction>
-                    <Switch checked={prefetching()}></Switch>
-                  </ListItemSecondaryAction>
-                </MenuItem>
-              </ProfileMenuButton>
-            </Toolbar>
-          </AppBar>
+          <AppTopBar>
+            <Tabs>
+              <Tab focus={isTabFocus(0)} onClick={[onTabClick, 0]}>
+                Home
+              </Tab>
+              <Tab focus={isTabFocus(1)} onClick={[onTabClick, 1]}>
+                Trending
+              </Tab>
+              <Tab focus={isTabFocus(2)} onClick={[onTabClick, 2]}>
+                Public
+              </Tab>
+            </Tabs>
+            <ProfileMenuButton profile={profiles()[0]}>
+              <MenuItem
+                onClick={(e) =>
+                  $settings.setKey(
+                    "prefetchTootsDisabled",
+                    !$settings.get().prefetchTootsDisabled,
+                  )
+                }
+              >
+                <ListItemText>Prefetch Toots</ListItemText>
+                <ListItemSecondaryAction>
+                  <Switch checked={prefetching()}></Switch>
+                </ListItemSecondaryAction>
+              </MenuItem>
+            </ProfileMenuButton>
+          </AppTopBar>
         }
       >
         <ItemSelectionProvider value={selectionState}>