diff --git a/@dasig/components/Page.tsx b/@dasig/components/Page.tsx
index a953572..d3f552a 100644
--- a/@dasig/components/Page.tsx
+++ b/@dasig/components/Page.tsx
@@ -3,14 +3,14 @@ import { Show } from 'solid-js'
 
 interface Props {
   children?: any
-  alignment?: 'dasig-page-row' | 'dasig-page-column'
+  alignment?: 'row' | 'column'
 }
 
 export default (props: Props) => {
   return (
     <>
       <Show when={props.alignment}>
-        <main class={props.alignment}>{props.children}</main>
+        <main class={`dasig-page-${props.alignment}`}>{props.children}</main>
       </Show>
       <Show when={!props.alignment}>
         <main class="dasig-page">{props.children}</main>