diff --git a/src/lib/components/TechnologyTile.svelte b/src/lib/components/TechnologyTile.svelte
index e6aa3db..33e4087 100644
--- a/src/lib/components/TechnologyTile.svelte
+++ b/src/lib/components/TechnologyTile.svelte
@@ -2,7 +2,7 @@
     // a 'technology' object
     export let technology;
     export let affiliate_colours;
-    import { Modal, ModalBody, ModalFooter, Popover } from 'yesvelte';
+    import { Button, ButtonGroup, El, Modal, ModalBody, ModalFooter, Popover } from 'yesvelte';
 
     let show = false;
 
@@ -41,7 +41,7 @@
 
 <!-- making a dive act like a button: https://kvack.dev/blog/make-that-div-behave-like-a-button -->
 
-<button on:click={() => (show = !show)} tabindex=0 class="tile technology">
+<El on:click={() => (show = !show)} tabindex=0 class="tile technology">
     <h2>{technology.name}</h2>
     <div class="links">
 		<span class="website"><a href="{technology.website}" title="Project site for {technology.name}">P</a></span>
@@ -76,7 +76,7 @@
     {:else}
         <div class="instances">Nothing here yet...</div>
     {/if}
-</button>
+</El>
 
 <Modal title="{technology.name}" bind:show dismissible>
 	<ModalBody>