moved svg classnames up

src/assets/breadcrum.svg

@@ -1,5 +1,4 @@
 <svg
-    class="h-5 w-auto text-gray-400"
     fill="currentColor"
     viewBox="0 0 20 20"
 >

src/assets/spinner.svg

@@ -1,4 +1,4 @@
-<svg class="animate-spin h-6 w-6 dark:text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
     <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
     <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
 </svg>

src/components/Breadcrum.tsx

@@ -22,7 +22,7 @@ const Breadcrum: React.FC<Props> = (props) => {
 			{parts.map((e,i,arr)=>{
 				const last = i == arr.length - 1
 				return <div key={e} className="inline-flex items-center cursor-pointer">
-					<BreadcrumImage />
+					<BreadcrumImage className="h-5 w-auto text-gray-400" />
 					<li>
 						<a 
 							className={`${last?"text-blue-500":""}`}

src/components/FileBrowser.tsx

@@ -183,7 +183,7 @@ const FileBrowser: React.FC<RouteComponentProps> = (props) => {
 					/>
 					{loading && 
 						<div className="flex justify-center mt-4">
-							<Spinner />
+							<Spinner className="animate-spin h-6 w-6 dark:text-white"  />
 						</div>
 					}
 				</div>