diff --git a/src/Bootstrap.tsx b/src/Bootstrap.tsx
index 8eb0a4d..27cc711 100644
--- a/src/Bootstrap.tsx
+++ b/src/Bootstrap.tsx
@@ -48,7 +48,7 @@ function Bootstrap({
   }, [hasLoadedSettings, persistedStorage, settings, userId])
 
   return (
-    <Box className="Chitchatter">
+    <Box className="Chitchatter" sx={{ height: '100vh' }}>
       {hasLoadedSettings ? (
         <Routes>
           {['/', '/index.html'].map(path => (
diff --git a/src/index.sass b/src/index.sass
index 406ae4d..a94cdaf 100644
--- a/src/index.sass
+++ b/src/index.sass
@@ -1,18 +1,3 @@
 @tailwind base
 @tailwind components
 @tailwind utilities
-
-@import ./styles/colors.sass
-
-body
-  margin: 0
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif
-  -webkit-font-smoothing: antialiased
-  -moz-osx-font-smoothing: grayscale
-
-code
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace
-
-.Chitchatter
-  background: $background
-  height: 100vh
diff --git a/src/styles/colors.sass b/src/styles/colors.sass
deleted file mode 100644
index d411996..0000000
--- a/src/styles/colors.sass
+++ /dev/null
@@ -1,5 +0,0 @@
-$background: #282C34
-$chrome-primary: #476BB5
-$chrome-secondary: #293E69
-$text-primary: #A3BBEC
-$text-secondary: #5A8AE8