From 458a87d546a47b9b09db62390712fed7d5f7e42e Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Wed, 1 Oct 2025 12:38:46 +0800
Subject: [PATCH] Fixed padding props

---
 src/components/Box/Box.tsx       | 4 ++--
 src/components/Column/Column.tsx | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Box/Box.tsx b/src/components/Box/Box.tsx
index b641bcd..255dd2a 100644
--- a/src/components/Box/Box.tsx
+++ b/src/components/Box/Box.tsx
@@ -6,7 +6,7 @@ interface Props {
   color?: string
   children: JSXElement
   curved?: boolean
-  padding?: number
+  padding?: string
   background?: string
 }
 
@@ -14,7 +14,7 @@ export default (props: Props) => {
   const boxClass = createMemo(() => (props.curved ? 'curvedbox' : 'box'))
 
   return (
-    <section class={boxClass()} style={`border: ${props.thickness}px solid ${props.color || 'white'}; padding: ${props.padding}rem; background-color: ${props.background || 'none'}`}>
+    <section class={boxClass()} style={`border: ${props.thickness}px solid ${props.color || 'white'}; padding: ${props.padding || 0}; background-color: ${props.background || 'none'}`}>
       {props.children}
     </section>
   )
diff --git a/src/components/Column/Column.tsx b/src/components/Column/Column.tsx
index aec3d3e..7a33aa6 100644
--- a/src/components/Column/Column.tsx
+++ b/src/components/Column/Column.tsx
@@ -5,12 +5,13 @@ interface Props {
   children: JSXElement
   content?: 'top' | 'center' | 'bottom' | 'split' | 'spaced'
   gap?: number
+  padding?: string
 }
 
 export default (props: Props) => {
   return (
     <>
-      <section class={`column-${props.content || 'center'}`} style={`gap: ${props.gap}rem`}>
+      <section class={`column-${props.content || 'center'}`} style={`gap: ${props.gap}rem; padding: ${props.padding || 0}`}>
         {props.children}
       </section>
     </>