diff --git a/lib/rclone/api.ts b/lib/rclone/api.ts
index 1909ddd..f100937 100644
--- a/lib/rclone/api.ts
+++ b/lib/rclone/api.ts
@@ -204,7 +204,7 @@ export async function getBackends() {
         .then((res) => res.json() as Promise<any>)
         .then((r) => r.providers)
 
-    return providers.filter((b: any) => SUPPORTED_BACKENDS.includes(b.Name))
+    return providers.filter((b: any) => SUPPORTED_BACKENDS.includes(b.Prefix))
 }
 
 export interface ListOptions {
diff --git a/public/icons/azureblob.png b/public/icons/azureblob.png
new file mode 100644
index 0000000..cf3f09c
Binary files /dev/null and b/public/icons/azureblob.png differ
diff --git a/public/icons/azurefiles.png b/public/icons/azurefiles.png
new file mode 100644
index 0000000..cf3f09c
Binary files /dev/null and b/public/icons/azurefiles.png differ
diff --git a/public/icons/b2.png b/public/icons/b2.png
new file mode 100644
index 0000000..9fa8113
Binary files /dev/null and b/public/icons/b2.png differ
diff --git a/public/icons/box.png b/public/icons/box.png
new file mode 100644
index 0000000..287e9cb
Binary files /dev/null and b/public/icons/box.png differ
diff --git a/public/icons/drive.png b/public/icons/drive.png
new file mode 100644
index 0000000..00a181e
Binary files /dev/null and b/public/icons/drive.png differ
diff --git a/public/icons/dropbox.png b/public/icons/dropbox.png
new file mode 100644
index 0000000..85dcb35
Binary files /dev/null and b/public/icons/dropbox.png differ
diff --git a/public/icons/ftp.png b/public/icons/ftp.png
new file mode 100644
index 0000000..208917c
Binary files /dev/null and b/public/icons/ftp.png differ
diff --git a/public/icons/gcs.png b/public/icons/gcs.png
new file mode 100644
index 0000000..5a6f537
Binary files /dev/null and b/public/icons/gcs.png differ
diff --git a/public/icons/protondrive.png b/public/icons/protondrive.png
new file mode 100644
index 0000000..8dc9836
Binary files /dev/null and b/public/icons/protondrive.png differ
diff --git a/public/icons/s3.png b/public/icons/s3.png
new file mode 100644
index 0000000..d7c46ad
Binary files /dev/null and b/public/icons/s3.png differ
diff --git a/public/icons/sftp.png b/public/icons/sftp.png
new file mode 100644
index 0000000..f255246
Binary files /dev/null and b/public/icons/sftp.png differ
diff --git a/public/icons/webdav.png b/public/icons/webdav.png
new file mode 100644
index 0000000..8783f43
Binary files /dev/null and b/public/icons/webdav.png differ
diff --git a/src/components/RemoteCreateDrawer.tsx b/src/components/RemoteCreateDrawer.tsx
index f654e11..37b7658 100644
--- a/src/components/RemoteCreateDrawer.tsx
+++ b/src/components/RemoteCreateDrawer.tsx
@@ -229,6 +229,7 @@ export default function RemoteCreateDrawer({
                                 startContent={<RefreshCcwIcon className="w-3 h-3" />}
                                 onPress={() => setConfig({})}
                                 data-focus-visible="false"
+                                className="gap-2"
                             >
                                 Reset
                             </Button>
@@ -266,7 +267,17 @@ export default function RemoteCreateDrawer({
                                     isRequired={true}
                                 >
                                     {backends.map((backend) => (
-                                        <SelectItem key={backend.Name}>
+                                        <SelectItem
+                                            className="h-12"
+                                            key={backend.Name}
+                                            startContent={
+                                                <img
+                                                    src={`/icons/${backend.Prefix}.png`}
+                                                    className="object-contain w-8 h-8"
+                                                    alt={backend.Name}
+                                                />
+                                            }
+                                        >
                                             {backend.Description.includes('Compliant')
                                                 ? `${backend.Description.split('Compliant')[0]} Compliant`
                                                 : backend.Description || backend.Name}
diff --git a/src/components/RemoteDefaultsDrawer.tsx b/src/components/RemoteDefaultsDrawer.tsx
index abd68df..6696783 100644
--- a/src/components/RemoteDefaultsDrawer.tsx
+++ b/src/components/RemoteDefaultsDrawer.tsx
@@ -479,6 +479,7 @@ export default function RemoteDefaultsDrawer({
                                             globalOptions['main' as keyof typeof globalOptions]
                                         }
                                         getAvailableOptions={getConfigFlags}
+                                        rows={10}
                                     />
                                 </AccordionItem>
                                 <AccordionItem
diff --git a/src/components/RemoteEditDrawer.tsx b/src/components/RemoteEditDrawer.tsx
index b3fcca7..0a8bf0b 100644
--- a/src/components/RemoteEditDrawer.tsx
+++ b/src/components/RemoteEditDrawer.tsx
@@ -200,7 +200,17 @@ export default function RemoteEditDrawer({
                                     isDisabled={true}
                                 >
                                     {backends.map((backend) => (
-                                        <SelectItem key={backend.Name}>
+                                        <SelectItem
+                                            className="h-12"
+                                            key={backend.Name}
+                                            startContent={
+                                                <img
+                                                    src={`/icons/${backend.Prefix}.png`}
+                                                    className="object-contain w-8 h-8"
+                                                    alt={backend.Name}
+                                                />
+                                            }
+                                        >
                                             {backend.Description.includes('Compliant')
                                                 ? `${backend.Description.split('Compliant')[0]} Compliant`
                                                 : backend.Description || backend.Name}
diff --git a/src/pages/Delete.tsx b/src/pages/Delete.tsx
index ce580f6..55db3d8 100644
--- a/src/pages/Delete.tsx
+++ b/src/pages/Delete.tsx
@@ -305,7 +305,7 @@ export default function Delete() {
                         isDisabled={isLoading || !!jsonError || !sourceFs || sourceFs.length === 0}
                         isLoading={isLoading}
                         endContent={buttonIcon}
-                        className="max-w-2xl"
+                        className="max-w-2xl gap-2"
                         data-focus-visible="false"
                     >
                         {buttonText}
diff --git a/src/pages/Mount.tsx b/src/pages/Mount.tsx
index bffa8d4..a89c851 100644
--- a/src/pages/Mount.tsx
+++ b/src/pages/Mount.tsx
@@ -253,8 +253,8 @@ export default function Mount() {
     const buttonIcon = useMemo(() => {
         if (isLoading || isMounted) return
         if (!source || !dest || source === dest) return <FoldersIcon className="w-5 h-5" />
-        if (jsonError) return <AlertOctagonIcon className="w-5 h-5" />
-        return <PlayIcon className="w-5 h-5" />
+        if (jsonError) return <AlertOctagonIcon className="w-4 h-4" />
+        return <PlayIcon className="w-4 h-4 fill-current" />
     }, [isLoading, jsonError, source, dest, isMounted])
 
     return (
@@ -425,7 +425,7 @@ export default function Mount() {
                         }
                         isLoading={isLoading}
                         endContent={buttonIcon}
-                        className="max-w-2xl"
+                        className="max-w-2xl gap-2"
                         data-focus-visible="false"
                     >
                         {buttonText}
diff --git a/src/pages/Move.tsx b/src/pages/Move.tsx
index 258ccf1..e9462d5 100644
--- a/src/pages/Move.tsx
+++ b/src/pages/Move.tsx
@@ -514,7 +514,7 @@ export default function Move() {
                         }
                         isLoading={isLoading}
                         endContent={buttonIcon}
-                        className="max-w-2xl"
+                        className="max-w-2xl gap-2"
                         data-focus-visible="false"
                     >
                         {buttonText}
diff --git a/src/pages/Sync.tsx b/src/pages/Sync.tsx
index 56700ac..ee6eb91 100644
--- a/src/pages/Sync.tsx
+++ b/src/pages/Sync.tsx
@@ -392,7 +392,7 @@ export default function Sync() {
                         isDisabled={isLoading || !!jsonError || !source || !dest || source === dest}
                         isLoading={isLoading}
                         endContent={buttonIcon}
-                        className="max-w-2xl"
+                        className="max-w-2xl gap-2"
                         data-focus-visible="false"
                     >
                         {buttonText}