diff --git a/website/src/App.tsx b/website/src/App.tsx
index 2961869d..25108a7b 100644
--- a/website/src/App.tsx
+++ b/website/src/App.tsx
@@ -21,6 +21,11 @@ const ActionButton = styled.button`
margin-top: 20px;
`;
+const AppContainer = styled.main`
+ height: calc(100vh - 20px);
+ padding: 10px;
+`;
+
function App() {
const [{ volume, bindings }, setState] = useLocalStorage(
{ volume: 1.0, bindings: DefaultBindingsSet() },
@@ -43,7 +48,7 @@ function App() {
});
return (
-
+
);
}
diff --git a/website/src/globalStyles.ts b/website/src/globalStyles.ts
new file mode 100644
index 00000000..2b1952b6
--- /dev/null
+++ b/website/src/globalStyles.ts
@@ -0,0 +1,8 @@
+import { createGlobalStyle } from "styled-components";
+
+export const GlobalStyle = createGlobalStyle`
+ body {
+ margin: 0;
+ padding: 0;
+ }
+`;
diff --git a/website/src/index.tsx b/website/src/index.tsx
index 3fe092e7..c9ac7eb2 100644
--- a/website/src/index.tsx
+++ b/website/src/index.tsx
@@ -1,6 +1,7 @@
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
+import { GlobalStyle } from "./globalStyles";
const root = ReactDOM.createRoot(
document.getElementById("root") as HTMLElement
@@ -8,6 +9,7 @@ const root = ReactDOM.createRoot(
root.render(
+
);