Fixes

src/pages/settings/components/Search/SearchHistory.tsx

@@ -91,28 +91,40 @@ const SearchHistory = () => {
 				mb={isMobile ? '6rem' : '1rem'}
 				align='center'
 			>
-				<Stack
-					h={'calc(100vh - 15rem)'}
-					w={'100%'}
-					p={'1rem'}
-					pt={0}
-					mt={'1rem'}
-					style={{ overflow: 'scroll', whiteSpace: 'none' }}
-				>
-					<DataTable
-						data={searchHistory}
-						columns={SearchHistoryColumns(
-							setSearchHistoryItem,
-							openModal,
-							filtersEnabled,
-							setFiltersEnabled,
-						)}
-						sorting={sorting}
-						setSorting={setSorting}
-						filtersEnabled={filtersEnabled}
-						globalFilter={globalFilter}
-						setGlobalFilter={setGlobalFilter}
-					/>
+				<Stack h={'calc(100vh - 14rem)'} w={'100%'} p={'1rem'} pt={0} mt={'1rem'} gap={0}>
+					<Stack style={{ overflow: 'scroll', whiteSpace: 'none' }}>
+						<DataTable
+							data={searchHistory}
+							columns={SearchHistoryColumns(
+								setSearchHistoryItem,
+								openModal,
+								filtersEnabled,
+								setFiltersEnabled,
+							)}
+							sorting={sorting}
+							setSorting={setSorting}
+							filtersEnabled={filtersEnabled}
+							globalFilter={globalFilter}
+							setGlobalFilter={setGlobalFilter}
+						/>
+					</Stack>
+					<Group
+						w={'100%'}
+						style={{
+							backgroundColor: 'var(--mantine-color-primary-0)',
+						}}
+						align='center'
+						justify='center'
+					>
+						<Text
+							style={{
+								color: 'var(--mantine-color-background-0)',
+								fontWeight: 'bold',
+							}}
+						>
+							Results: {searchHistory.length}
+						</Text>
+					</Group>
 				</Stack>
 			</Stack>
 		</Stack>