Updated

@dasig/components/Padding.tsx

@@ -1,4 +1,5 @@
 import type { JSXElement } from 'solid-js'
+import '../styles/Padding.sass'
 
 interface Props {
   left: number
@@ -9,5 +10,5 @@ interface Props {
 }
 
 export default (props: Props) => {
-  return <div style={{ padding: `${props.top || 0}rem ${props.right}rem ${props.bottom || 0}rem ${props.left}rem` }}>{props.children}</div>
+  return <div class='padding' style={{ padding: `${props.top || 0}rem ${props.right}rem ${props.bottom || 0}rem ${props.left}rem` }}>{props.children}</div>
 }

@dasig/styles/Padding.sass

@@ -0,0 +1,2 @@
+.padding
+  width: 100%

@dasig/styles/Row.sass

@@ -5,6 +5,7 @@
   justify-content: flex-start
   align-items: center
   align-content: center
+  width: 100%
 
 .dasig-row-center
   display: flex
@@ -13,6 +14,7 @@
   justify-content: center
   align-items: center
   align-content: center
+  width: 100%
 
 .dasig-row-right
   display: flex
@@ -21,6 +23,7 @@
   justify-content: flex-end
   align-items: center
   align-content: center
+  width: 100%
 
 .dasig-row-split
   display: flex
@@ -29,6 +32,7 @@
   justify-content: space-between
   align-items: center
   align-content: center
+  width: 100%
 
 .dasig-row-spaced
   display: flex
@@ -37,6 +41,7 @@
   justify-content: space-around
   align-items: center
   align-content: center
+  width: 100%
 
 .dasig-row-even
   display: flex
@@ -45,3 +50,4 @@
   justify-content: space-evenly
   align-items: center
   align-content: center
+  width: 100%