coder
diff --git a/‎site/src/components/Margins/Margins.tsx
+9-7 b/‎site/src/components/Margins/Margins.tsx
+9-7
diff --git a/‎site/src/components/RuntimeErrorState/RuntimeErrorState.stories.tsx
+4-6 b/‎site/src/components/RuntimeErrorState/RuntimeErrorState.stories.tsx
+4-6
diff --git a/‎site/src/components/RuntimeErrorState/RuntimeErrorState.test.tsx
-54 b/‎site/src/components/RuntimeErrorState/RuntimeErrorState.test.tsx
-54
@@ -1,5 +1,6 @@
 import { makeStyles } from "@material-ui/core/styles"
 import { FC } from "react"
+import { combineClasses } from "utils/combineClasses"
 import {
   containerWidth,
   containerWidthMedium,
@@ -24,14 +25,15 @@ const useStyles = makeStyles(() => ({
   },
 }))
 
-interface MarginsProps {
-  size?: Size
-}
-
-export const Margins: FC<React.PropsWithChildren<MarginsProps>> = ({
-  children,
+export const Margins: FC<JSX.IntrinsicElements["div"] & { size?: Size }> = ({
   size = "regular",
+  ...divProps
 }) => {
   const styles = useStyles({ maxWidth: widthBySize[size] })
-  return <div className={styles.margins}>{children}</div>
+  return (
+    <div
+      {...divProps}
+      className={combineClasses([styles.margins, divProps.className])}
+    />
+  )
 }
@@ -1,17 +1,15 @@
-import { ComponentMeta, Story } from "@storybook/react"
+import { Story } from "@storybook/react"
 import { RuntimeErrorState, RuntimeErrorStateProps } from "./RuntimeErrorState"
 
 const error = new Error("An error occurred")
 
 export default {
   title: "components/RuntimeErrorState",
   component: RuntimeErrorState,
-  argTypes: {
-    error: {
-      defaultValue: error,
-    },
+  args: {
+    error,
   },
-} as ComponentMeta<typeof RuntimeErrorState>
+}
 
 const Template: Story<RuntimeErrorStateProps> = (args) => (
   <RuntimeErrorState {...args} />