diff --git a/.changeset/yellow-impalas-lie.md b/.changeset/yellow-impalas-lie.md
new file mode 100644
index 000000000..63413d275
--- /dev/null
+++ b/.changeset/yellow-impalas-lie.md
@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": minor
+---
+
+Apps: Fixed problem with Permissions Modal that was clipped on smaller screens. Now long permissions list is scrollable.
diff --git a/src/apps/components/AppPermissionsDialog/AppPermissionsDialogConfirmation.tsx b/src/apps/components/AppPermissionsDialog/AppPermissionsDialogConfirmation.tsx
index d37f52050..b97bca709 100644
--- a/src/apps/components/AppPermissionsDialog/AppPermissionsDialogConfirmation.tsx
+++ b/src/apps/components/AppPermissionsDialog/AppPermissionsDialogConfirmation.tsx
@@ -27,7 +27,7 @@ export const AppPermissionsDialogConfirmation = ({
   const { mapCodesToNames } = useGetAvailableAppPermissions();
 
   return (
-    <Box>
+    <Box __maxHeight={"50vh"} overflow={"auto"}>
       <Text marginBottom={2} as={"p"}>
         {intl.formatMessage(messages.summaryText)}
       </Text>
diff --git a/src/apps/components/AppPermissionsDialog/AppPermissionsDialogPermissionPicker.tsx b/src/apps/components/AppPermissionsDialog/AppPermissionsDialogPermissionPicker.tsx
index 048608e85..0265569b2 100644
--- a/src/apps/components/AppPermissionsDialog/AppPermissionsDialogPermissionPicker.tsx
+++ b/src/apps/components/AppPermissionsDialog/AppPermissionsDialogPermissionPicker.tsx
@@ -15,6 +15,12 @@ interface AppPermissionsDialogPermissionPickerProps {
   onClose(): void;
 }
 
+/**
+ * Approximate height that clips list and makes it scrollable.
+ * This makes it avaialble on small devices, including horizontal ipad air
+ */
+const LIST_MAX_HEIGHT = "50vh";
+
 export const AppPermissionsDialogPermissionPicker = ({
   onSubmit,
   onChange,
@@ -39,35 +45,37 @@ export const AppPermissionsDialogPermissionPicker = ({
         onChange(values);
       }}
     >
-      <List>
-        {allPermissions.map(perm => {
-          const isAssigned = Boolean(selected.find(p => p === perm.code));
+      <Box overflow={"scroll"} __maxHeight={LIST_MAX_HEIGHT}>
+        <List>
+          {allPermissions.map(perm => {
+            const isAssigned = Boolean(selected.find(p => p === perm.code));
 
-          return (
-            <List.Item
-              key={perm.code}
-              paddingY={1}
-              paddingX={2}
-              display={"flex"}
-              alignItems={"center"}
-              as={"label"}
-              backgroundColor={
-                isAssigned ? "decorativeSurfaceSubdued3" : undefined
-              }
-            >
-              <Checkbox
-                name={perm.code}
-                defaultChecked={isAssigned}
-                marginRight={4}
-              />
-              <Text variant={isAssigned ? "bodyStrong" : "body"}>
-                {perm.name}
-              </Text>
-            </List.Item>
-          );
-        })}
-      </List>
-      <Box display={"flex"} justifyContent={"flex-end"} gap={2}>
+            return (
+              <List.Item
+                key={perm.code}
+                paddingY={1}
+                paddingX={2}
+                display={"flex"}
+                alignItems={"center"}
+                as={"label"}
+                backgroundColor={
+                  isAssigned ? "decorativeSurfaceSubdued3" : undefined
+                }
+              >
+                <Checkbox
+                  name={perm.code}
+                  defaultChecked={isAssigned}
+                  marginRight={4}
+                />
+                <Text variant={isAssigned ? "bodyStrong" : "body"}>
+                  {perm.name}
+                </Text>
+              </List.Item>
+            );
+          })}
+        </List>
+      </Box>
+      <Box display={"flex"} justifyContent={"flex-end"} gap={2} marginTop={2}>
         <Button onClick={onClose} type={"button"} variant={"tertiary"}>
           {intl.formatMessage(messages.closeButton)}
         </Button>