diff --git a/src/pages/MainLayout.tsx b/src/pages/MainLayout.tsx
index 193d855..9804969 100644
--- a/src/pages/MainLayout.tsx
+++ b/src/pages/MainLayout.tsx
@@ -1,3 +1,22 @@
+import { WindowMoveHandler } from "@/components";
+import { flex } from "@/style-predefines";
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+
+const LayoutContainer = styled.div(({ theme }) =>
+  css({
+    height: "100vh",
+    width: "100vw",
+    paddingTop: theme.spacings.xxs * 24,
+    ...flex(theme, "row", "flex-start", "stretch"),
+    overflow: "hidden",
+  })
+);
+
 export function MainLayout() {
-  return <div></div>;
+  return (
+    <LayoutContainer>
+      <WindowMoveHandler />
+    </LayoutContainer>
+  );
 }