diff --git a/css/styles.css b/css/styles.css
index 0dd94f7..72520ad 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -2,13 +2,13 @@
     height: 250px !important;
 }
 
-.flickity-slider >div > img{
+.flickity-slider >div{
     opacity: 0.5;
     transition: 0.3s ease;
     cursor: pointer;
 }
 
-.flickity-slider > div > img:hover{
+.flickity-slider > div:hover{
     opacity: 1;
 }
 
@@ -17,4 +17,8 @@
     font-variant: petite-caps;
     font-weight: 800;
     margin-top: 20px;
+}
+
+.is-selected{
+    opacity: 1 !important;
 }
\ No newline at end of file
diff --git a/img/options/dojo-leaderboard.png b/img/options/dojo-leaderboard.png
new file mode 100644
index 0000000..48c12dd
Binary files /dev/null and b/img/options/dojo-leaderboard.png differ
diff --git a/index.html b/index.html
index e6adb44..b7b27a4 100644
--- a/index.html
+++ b/index.html
@@ -118,11 +118,17 @@
                     src="/img/options/dojo-makecode-microbit.png"
                     loading="lazy">
                 </div>
-                <div class="w-3/5 px-2">
+                <!-- <div class="w-3/5 px-2">
                   <img class="options"
                   data-href="https://forms.codeninjas.com/gamejamuk"
                     src="/img/options/dojo-gamejam.png"
                     loading="lazy">
+                </div> -->
+                <div class="w-3/5 px-2">
+                  <img class="options"
+                  data-href="https://leaderboard.codeninjaslangley.co.uk"
+                    src="/img/options/dojo-leaderboard.png"
+                    loading="lazy">
                 </div>
                 <div class="w-3/5 px-2">
                   <img class="options"