diff --git a/src/components/Apps/AppsLibraryDesktop.tsx b/src/components/Apps/AppsLibraryDesktop.tsx
index d844dbf..910401b 100644
--- a/src/components/Apps/AppsLibraryDesktop.tsx
+++ b/src/components/Apps/AppsLibraryDesktop.tsx
@@ -347,6 +347,7 @@ export const AppsLibraryDesktop = ({
                 {officialApps?.map((qapp) => {
                   return (
                     <ButtonBase
+                      key={`${qapp?.service}-${qapp?.name}`}
                       sx={{
                         width: '80px',
                       }}
diff --git a/src/components/Apps/SortablePinnedApps.tsx b/src/components/Apps/SortablePinnedApps.tsx
index edb4fae..56e0aec 100644
--- a/src/components/Apps/SortablePinnedApps.tsx
+++ b/src/components/Apps/SortablePinnedApps.tsx
@@ -249,11 +249,11 @@ export const SortablePinnedApps = ({
       >
         {transformPinnedApps.map((app) => (
           <SortableItem
+            app={app}
+            id={`${app?.service}-${app?.name}`}
             isDesktop={isDesktop}
             key={`${app?.service}-${app?.name}`}
-            id={`${app?.service}-${app?.name}`}
             name={app?.name}
-            app={app}
           />
         ))}
       </SortableContext>
diff --git a/src/components/Tutorials/Tutorials.tsx b/src/components/Tutorials/Tutorials.tsx
index 068c3ad..4075b67 100644
--- a/src/components/Tutorials/Tutorials.tsx
+++ b/src/components/Tutorials/Tutorials.tsx
@@ -54,6 +54,7 @@ export const Tutorials = () => {
           {openTutorialModal?.multi?.map((item, index) => {
             return (
               <Tab
+                key={index}
                 sx={{
                   '&.Mui-selected': {
                     color: theme.palette.text.primary,