diff --git a/src/components/buttons/IconPatch.tsx b/src/components/buttons/IconPatch.tsx
index c18803d5..1a80061c 100644
--- a/src/components/buttons/IconPatch.tsx
+++ b/src/components/buttons/IconPatch.tsx
@@ -14,7 +14,7 @@ export function IconPatch(props: IconPatchProps) {
       <div
         className={`bg-denim-300 flex h-12 w-12 items-center justify-center rounded-full border-2 border-transparent transition-[color,transform,border-color] duration-75 ${
           props.clickable
-            ? "hover:bg-denim-400 mx-2 cursor-pointer hover:scale-110 hover:text-white active:scale-125"
+            ? "hover:bg-denim-400 cursor-pointer hover:scale-110 hover:text-white active:scale-125"
             : ""
         } ${props.active ? "text-bink-600 border-bink-600 bg-bink-100" : ""}`}
       >
diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx
index be00a2fb..dfc8891f 100644
--- a/src/components/layout/Navigation.tsx
+++ b/src/components/layout/Navigation.tsx
@@ -20,7 +20,7 @@ export function Navigation(props: NavigationProps) {
         </div>
         {props.children}
       </div>
-      <div className={props.children ? "hidden sm:flex" : "flex"}>
+      <div className={`${props.children ? "hidden sm:flex" : "flex"} flex-row	gap-4`}>
         <a
           href={DISCORD_LINK}
           target="_blank"