From cb93fbcb720db55d1daa23559ced76069d86bb8d Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Wed, 10 Jul 2024 22:13:42 -0300
Subject: [PATCH] feat: add buttons gap

---
 src/renderer/src/pages/user/user-friend-request.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/pages/user/user-friend-request.tsx b/src/renderer/src/pages/user/user-friend-request.tsx
index aebff56e..e37004fc 100644
--- a/src/renderer/src/pages/user/user-friend-request.tsx
+++ b/src/renderer/src/pages/user/user-friend-request.tsx
@@ -5,6 +5,7 @@ import {
 } from "@primer/octicons-react";
 import * as styles from "./user.css";
 import cn from "classnames";
+import { SPACING_UNIT } from "@renderer/theme.css";
 
 export interface UserFriendRequestProps {
   userId: string;
@@ -59,7 +60,14 @@ export const UserFriendRequest = ({
         </div>
       </button>
 
-      <div style={{ position: "absolute", right: "8px" }}>
+      <div
+        style={{
+          position: "absolute",
+          right: "8px",
+          display: "flex",
+          gap: `${SPACING_UNIT}px`,
+        }}
+      >
         {isRequestSent ? (
           <button
             className={styles.cancelRequestButton}