diff --git a/package.json b/package.json
index ca6af6282..f5ff2ebee 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,8 @@
     "test:ui": "vitest --ui",
     "test:run": "vitest run",
     "test:coverage": "vitest run --coverage",
+    "docker:build": "turbo build && docker build . -t homarr:dev",
+    "docker:start": "docker run --env-file ./.env -p 7575:7575 homarr:dev ",
     "postinstall": "prisma generate"
   },
   "dependencies": {
@@ -231,4 +233,4 @@
       ]
     }
   }
-}
+}
\ No newline at end of file
diff --git a/public/locales/en/modules/media-requests-stats.json b/public/locales/en/modules/media-requests-stats.json
index 3c7d10090..a06a52860 100644
--- a/public/locales/en/modules/media-requests-stats.json
+++ b/public/locales/en/modules/media-requests-stats.json
@@ -3,7 +3,10 @@
     "name": "Media request stats",
     "description": "Statistics about your media requests",
     "settings": {
-      "title": "Media requests stats"
+      "title": "Media requests stats",
+      "direction": {
+        "label": "Direction of the layout."
+      }
     }
   },
   "stats": {
diff --git a/src/pages/api/configs/tryPassword.tsx b/src/pages/api/configs/tryPassword.tsx
index 1632985ab..6e6b98670 100644
--- a/src/pages/api/configs/tryPassword.tsx
+++ b/src/pages/api/configs/tryPassword.tsx
@@ -5,8 +5,12 @@ function Post(req: NextApiRequest, res: NextApiResponse) {
   const { tried, type = 'password' } = req.body;
   // If the type of password is "edit", we run this branch to check the edit password
   if (type === 'edit') {
-    if (tried === process.env.EDIT_MODE_PASSWORD) {
-      process.env.DISABLE_EDIT_MODE = process.env.DISABLE_EDIT_MODE === 'true' ? 'false' : 'true';
+    if ((tried === process.env.EDIT_MODE_PASSWORD) !== undefined) {
+      if (process.env.DISABLE_EDIT_MODE?.toLowerCase() === 'true') {
+        process.env.DISABLE_EDIT_MODE = 'false';
+      } else {
+        process.env.DISABLE_EDIT_MODE = 'true';
+      }
       return res.status(200).json({
         success: true,
       });
diff --git a/src/widgets/media-requests/MediaRequestStatsTile.tsx b/src/widgets/media-requests/MediaRequestStatsTile.tsx
index fd81d8f0a..2af61d3e3 100644
--- a/src/widgets/media-requests/MediaRequestStatsTile.tsx
+++ b/src/widgets/media-requests/MediaRequestStatsTile.tsx
@@ -1,4 +1,4 @@
-import { Card, Center, Flex, Stack, Text } from '@mantine/core';
+import { Card, Flex, Stack, Text } from '@mantine/core';
 import { IconChartBar } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 
@@ -11,14 +11,23 @@ import { MediaRequestStatus } from './media-request-types';
 const definition = defineWidget({
   id: 'media-requests-stats',
   icon: IconChartBar,
-  options: {},
-  component: MediaRequestStatsTile,
+  options: {
+    direction: {
+      type: 'select',
+      defaultValue: 'row' as 'row' | 'column',
+      data: [
+        { label: 'Horizontal', value: 'row' },
+        { label: 'Vertical', value: 'column' },
+      ],
+    },
+  },
   gridstack: {
     minWidth: 1,
-    minHeight: 2,
+    minHeight: 1,
     maxWidth: 12,
     maxHeight: 12,
   },
+  component: MediaRequestStatsTile,
 });
 
 export type MediaRequestStatsWidget = IWidget<(typeof definition)['id'], typeof definition>;
@@ -36,41 +45,46 @@ function MediaRequestStatsTile({ widget }: MediaRequestStatsWidgetProps) {
   }
 
   return (
-    <Flex gap="md" wrap="wrap">
-      <Card w={100} h={100} withBorder>
-        <Center h="100%">
-          <Stack spacing={0} align="center">
-            <Text>
-              {data.filter((x) => x.status === MediaRequestStatus.PendingApproval).length}
-            </Text>
-            <Text color="dimmed" align="center" size="xs">
-              {t('stats.pending')}
-            </Text>
-          </Stack>
-        </Center>
-      </Card>
-      <Card w={100} h={100} withBorder>
-        <Center h="100%">
-          <Stack spacing={0} align="center">
-            <Text align="center">{data.filter((x) => x.type === 'tv').length}</Text>
-            <Text color="dimmed" align="center" size="xs">
-              {t('stats.tvRequests')}
-            </Text>
-          </Stack>
-        </Center>
-      </Card>
-      <Card w={100} h={100} withBorder>
-        <Center h="100%">
-          <Stack spacing={0} align="center">
-            <Text align="center">{data.filter((x) => x.type === 'movie').length}</Text>
-            <Text color="dimmed" align="center" size="xs">
-              {t('stats.movieRequests')}
-            </Text>
-          </Stack>
-        </Center>
-      </Card>
+    <Flex
+      w="100%"
+      h="100%"
+      gap="md"
+      direction={ widget.properties.direction?? 'row' }
+    >
+      <StatCard
+        number={data.filter((x) => x.status === MediaRequestStatus.PendingApproval).length}
+        label={t('stats.pending')}
+      />
+      <StatCard
+        number={data.filter((x) => x.type === 'tv').length}
+        label={t('stats.tvRequests')}
+      />
+      <StatCard
+        number={data.filter((x) => x.type === 'movie').length}
+        label={t('stats.movieRequests')}
+      />
     </Flex>
   );
 }
 
-export default definition;
+interface StatCardProps {
+  number: number;
+  label: string;
+}
+
+const StatCard = ({ number, label }: StatCardProps) => {
+  return (
+    <Card w="100%" h="100%" withBorder style={{flex:"1 1 auto"}}>
+      <Stack w="100%" h="100%" align="center" justify="center" spacing={0}>
+        <Text align="center">
+          {number}
+        </Text>
+        <Text color="dimmed" align="center" size="xs">
+          {label}
+        </Text>
+      </Stack>
+    </Card>
+  );
+};
+
+export default definition;
\ No newline at end of file