diff --git a/frontend/src/components/common/SideContainer.tsx b/frontend/src/components/common/SideContainer.tsx
new file mode 100644
index 00000000..4579ce9c
--- /dev/null
+++ b/frontend/src/components/common/SideContainer.tsx
@@ -0,0 +1,15 @@
+const SideContainer = ({
+  children,
+  className = '',
+}: {
+  children: React.ReactNode;
+  className?: string;
+}) => (
+  <div
+    className={`absolute left-0 top-0 flex h-full w-[600px] gap-0.5 ${className}`}
+  >
+    {children}
+  </div>
+);
+
+export default SideContainer;