From 833cecce083d2226e111d72f688147af4121703a Mon Sep 17 00:00:00 2001
From: PhilReact <philliplangmartinez@gmail.com>
Date: Fri, 25 Oct 2024 12:51:06 +0300
Subject: [PATCH] fix gap

---
 src/components/Apps/AppsHome.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Apps/AppsHome.tsx b/src/components/Apps/AppsHome.tsx
index 218ad07..81fc9b8 100644
--- a/src/components/Apps/AppsHome.tsx
+++ b/src/components/Apps/AppsHome.tsx
@@ -9,7 +9,7 @@ import {
 } from "./Apps-styles";
 import { Avatar, ButtonBase } from "@mui/material";
 import { Add } from "@mui/icons-material";
-import { getBaseApiReact } from "../../App";
+import { getBaseApiReact, isMobile } from "../../App";
 import LogoSelected from "../../assets/svgs/LogoSelected.svg";
 import { executeEvent } from "../../utils/events";
 import { SortablePinnedApps } from "./SortablePinnedApps";
@@ -39,11 +39,13 @@ export const AppsHome = ({  setMode, myApp, myWebsite, availableQapps  }) => {
             setMode("library");
           }}
         >
-          <AppCircleContainer>
+          <AppCircleContainer sx={{
+              gap: !isMobile ? "10px" : "5px",
+            }}>
             <AppCircle>
               <Add>+</Add>
             </AppCircle>
-            <AppCircleLabel>Add</AppCircleLabel>
+            <AppCircleLabel>Library</AppCircleLabel>
           </AppCircleContainer>
         </ButtonBase>