From 470b4155f7141f94b229dc505f00a98643d0f39b Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Sun, 13 Aug 2023 07:46:12 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=91=20Hotfix=20app=20width?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dashboard/Tiles/Apps/AppTile.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/Dashboard/Tiles/Apps/AppTile.tsx b/src/components/Dashboard/Tiles/Apps/AppTile.tsx
index c7e96ff38..2b592d9b9 100644
--- a/src/components/Dashboard/Tiles/Apps/AppTile.tsx
+++ b/src/components/Dashboard/Tiles/Apps/AppTile.tsx
@@ -60,12 +60,19 @@ export const AppTile = ({ className, app }: AppTileProps) => {
             </Text>
           )}
           <motion.img
-            className={cx(classes.appImage, 'dashboard-tile-app-image')}
+            className={cx('dashboard-tile-app-image')}
             src={app.appearance.iconUrl}
+            height="85%"
+            width="85%"
             alt={app.name}
             whileHover={{ scale: 0.9 }}
             initial={{ scale: 0.8 }}
             style={{
+              maxHeight: '90%',
+              maxWidth: '90%',
+              flex: 1,
+              overflow: 'auto',
+              objectFit: 'contain',
               width: isRow ? 0 : undefined,
             }}
           />
@@ -114,11 +121,6 @@ const useStyles = createStyles((theme, _params, getRef) => ({
   appName: {
     wordBreak: 'break-word',
   },
-  appImage: {
-    flex: '1',
-    objectFit: 'contain',
-    overflowY: 'auto',
-  },
   button: {
     height: '100%',
     width: '100%',