From 118ad7e9ec262c86a6aa0bcf8dc6971d2e8c4201 Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Mon, 7 Nov 2022 21:17:51 +0000
Subject: [PATCH] fix: UI nit

---
 .../app/pages/dashboard/import/ImportPage.tsx | 21 ++++++++++++-------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/client/src/app/pages/dashboard/import/ImportPage.tsx b/client/src/app/pages/dashboard/import/ImportPage.tsx
index acdc7bb39..87f501f64 100644
--- a/client/src/app/pages/dashboard/import/ImportPage.tsx
+++ b/client/src/app/pages/dashboard/import/ImportPage.tsx
@@ -10,6 +10,7 @@ import useApiQuery from "components/util/query/useApiQuery";
 import { UserContext } from "context/UserContext";
 import { TachiConfig } from "lib/config";
 import React, { useContext, useState } from "react";
+import { Row } from "react-bootstrap";
 import {
 	APIImportTypes,
 	FileUploadImportTypes,
@@ -91,14 +92,18 @@ function InnerShowRecentImports({ user }: { user: PublicUserDocument }) {
 		<>
 			<h4>Recently Used Import Methods</h4>
 			<Divider />
-			{data
-				.filter((e) => e.importType.startsWith("file/") || e.importType.startsWith("api/"))
-				.map((e) => (
-					<ImportTypeInfoCard
-						key={e.importType}
-						importType={e.importType as FileUploadImportTypes | APIImportTypes}
-					/>
-				))}
+			<Row>
+				{data
+					.filter(
+						(e) => e.importType.startsWith("file/") || e.importType.startsWith("api/")
+					)
+					.map((e) => (
+						<ImportTypeInfoCard
+							key={e.importType}
+							importType={e.importType as FileUploadImportTypes | APIImportTypes}
+						/>
+					))}
+			</Row>
 		</>
 	);
 }