diff --git a/src/renderer/src/pages/apps/AppsPage.tsx b/src/renderer/src/pages/apps/AppsPage.tsx
index 912ca371..aef66daf 100644
--- a/src/renderer/src/pages/apps/AppsPage.tsx
+++ b/src/renderer/src/pages/apps/AppsPage.tsx
@@ -51,16 +51,17 @@ const AppsPage: FC = () => {
         </NavbarCenter>
       </Navbar>
       <ContentContainer id="content-container">
-        <AppsContainer style={{ height: containerHeight }}>
-          {filteredApps.map((app) => (
-            <App key={app.id} app={app} />
-          ))}
-          {isEmpty(filteredApps) && (
-            <Center style={{ flex: 1 }}>
-              <Empty />
-            </Center>
-          )}
-        </AppsContainer>
+        {isEmpty(filteredApps) ? (
+          <Center>
+            <Empty />
+          </Center>
+        ) : (
+          <AppsContainer style={{ height: containerHeight }}>
+            {filteredApps.map((app) => (
+              <App key={app.id} app={app} />
+            ))}
+          </AppsContainer>
+        )}
       </ContentContainer>
     </Container>
   )