diff --git a/src/components/buttons/IconPatch.tsx b/src/components/buttons/IconPatch.tsx
index 3d431d40..89a4a23f 100644
--- a/src/components/buttons/IconPatch.tsx
+++ b/src/components/buttons/IconPatch.tsx
@@ -7,6 +7,7 @@ export interface IconPatchProps {
className?: string;
icon: Icons;
transparent?: boolean;
+ downsized?: boolean;
}
export function IconPatch(props: IconPatchProps) {
@@ -19,11 +20,12 @@ export function IconPatch(props: IconPatchProps) {
const activeClasses = props.active
? "border-bink-600 bg-bink-100 text-bink-600"
: "";
+ const sizeClasses = props.downsized ? "h-10 w-10" : "h-12 w-12";
return (
diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx
index f966333f..8285c15c 100644
--- a/src/components/layout/Navigation.tsx
+++ b/src/components/layout/Navigation.tsx
@@ -40,35 +40,27 @@ export function Navigation(props: NavigationProps) {
>
-
-
-
-
-
-
- {props.children}
-
-
+
+
+
+
-
+
-
+
+ {props.children}
diff --git a/src/components/layout/ThinContainer.tsx b/src/components/layout/ThinContainer.tsx
index e1672f63..f7f90acb 100644
--- a/src/components/layout/ThinContainer.tsx
+++ b/src/components/layout/ThinContainer.tsx
@@ -8,7 +8,7 @@ interface ThinContainerProps {
export function ThinContainer(props: ThinContainerProps) {
return (