Merge branch 'develop' into feature/triple-column-layout

src/components/Button/Button.tsx

@@ -38,9 +38,6 @@ export const Button: React.FC<ButtonProps> & ButtonExtentions = ({
   children,
   ...props
 }) => {
-  console.log(
-    React.isValidElement(children) && React.Children.only(children).type
-  );
   const isOnlyIcon =
     children &&
     React.isValidElement(children) &&
@@ -51,11 +48,11 @@ export const Button: React.FC<ButtonProps> & ButtonExtentions = ({
   return (
     <button
       //TODO change on click event
-      onClick={!disabled ? () => alert("Click") : undefined}
+      onClick={!disabled ? () => {} : undefined}
       className={classNames([
         "flex content-center justify-between",
         "text-center",
-        { padding: defaultStyle },
+        padding,
         "rounded",
         {
           "!cursor-default": disabled,

src/components/containers/modal/BottomSheetModal.tsx

@@ -25,7 +25,7 @@ export function BottomSheetModal({
       leaveFrom="translate-y-0 opacity-100"
       leaveTo="translate-y-full opacity-0"
     >
-      <Dialog className="fixed bottom-0" as="div" onClose={() => {}}>
+      <Dialog className="fixed bottom-0 w-full" as="div" onClose={() => {}}>
         {children}
       </Dialog>
     </Transition>