diff --git a/interface/app/$libraryId/Explorer/FilePath/Original.tsx b/interface/app/$libraryId/Explorer/FilePath/Original.tsx
index 451b13d35..b1b14ef75 100644
--- a/interface/app/$libraryId/Explorer/FilePath/Original.tsx
+++ b/interface/app/$libraryId/Explorer/FilePath/Original.tsx
@@ -83,7 +83,7 @@ const TEXT_RENDERER: OriginalRenderer = (props) => (
 		onLoad={props.onLoad}
 		onError={props.onError}
 		className={clsx(
-			'textviewer-scroll size-full overflow-y-auto whitespace-pre-wrap break-words px-4 font-mono',
+			'textviewer-scroll font-mono size-full overflow-y-auto whitespace-pre-wrap break-words px-4',
 			!props.mediaControls ? 'overflow-hidden' : 'overflow-auto',
 			props.className,
 			props.frame && [props.frameClassName, '!bg-none p-2']
diff --git a/interface/app/$libraryId/settings/library/locations/AddLocationButton.tsx b/interface/app/$libraryId/settings/library/locations/AddLocationButton.tsx
index 23b70e901..e9cc0fd75 100644
--- a/interface/app/$libraryId/settings/library/locations/AddLocationButton.tsx
+++ b/interface/app/$libraryId/settings/library/locations/AddLocationButton.tsx
@@ -71,7 +71,7 @@ export const AddLocationButton = ({
 				{...props}
 			>
 				{path ? (
-					<div className="flex size-full flex-row items-end whitespace-nowrap font-mono text-sm">
+					<div className="font-mono flex size-full flex-row items-end whitespace-nowrap text-sm">
 						<FolderSimplePlus size={22} className="shrink-0" />
 						<div className="ml-1 overflow-hidden">
 							<motion.span