diff --git a/src/routes/EditorLayout.svelte b/src/routes/EditorLayout.svelte
index eee4102..9208e5c 100644
--- a/src/routes/EditorLayout.svelte
+++ b/src/routes/EditorLayout.svelte
@@ -611,17 +611,23 @@
                 {@const config = configs.find(
                   (e) => e.id === $selected_config?.id,
                 )}
-                <button
-                  on:click={() => {
-                    const configLinkUrl =
-                      `${configuration.DEEPLINK_PROTOCOL_NAME}://?config-link=` +
-                      config?.id;
-                    window.open(configLinkUrl, "_self");
+                <div
+                  use:tooltip={{
+                    instant: true,
+                    text: `Import "${config?.name}" into Grid Editor`,
                   }}
-                  class="import-button"
                 >
-                  Import {config?.id}
-                </button>
+                  <MoltenPushButton
+                    text="Import"
+                    style="accept"
+                    click={() => {
+                      const configLinkUrl =
+                        `${configuration.DEEPLINK_PROTOCOL_NAME}://?config-link=` +
+                        config?.id;
+                      window.open(configLinkUrl, "_self");
+                    }}
+                  />
+                </div>
               </DisplayOnWeb>
             </svelte:fragment>
 
@@ -719,17 +725,6 @@
     cursor: pointer;
   }
 
-  .import-button {
-    border-radius: 0.25rem;
-    padding: 0.25rem 1rem;
-    font-weight: 500;
-    background-color: #059669;
-  }
-
-  .import-button:hover {
-    background-color: #047857;
-  }
-
   div.popup {
     display: block;
     position: absolute;