diff --git a/docs/source/assets/source_48dp.svg b/docs/source/assets/source_48dp.svg
new file mode 100644
index 00000000..f023184d
--- /dev/null
+++ b/docs/source/assets/source_48dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="48px" viewBox="0 0 24 24" width="48px" fill="#000000"><g><rect fill="none" height="24" width="24"/><path d="M20,6h-8l-2-2H4C2.9,4,2.01,4.9,2.01,6L2,18c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V8C22,6.9,21.1,6,20,6z M20,18L4,18V6h5.17 l2,2H20V18z M18,12H6v-2h12V12z M14,16H6v-2h8V16z"/></g></svg>
\ No newline at end of file
diff --git a/docs/source/developer/developer.md b/docs/source/developer/developer.md
index f1205e7e..eda2fdd9 100644
--- a/docs/source/developer/developer.md
+++ b/docs/source/developer/developer.md
@@ -45,6 +45,17 @@ No matter if you need to add new devices to BEC or modify existing ones, this se
 
 ```
 
+```{grid-item-card}
+:link: developer.user_interfaces
+:link-type: ref
+:img-top: /assets/portrait_48dp.svg
+:text-align: center
+
+## User Interfaces
+
+Discover and learn how to contribute to the command-line tool and graphical user interface for interacting with BEC.
+```
+
 ```{grid-item-card}
 :link: developer.scans
 :link-type: ref
@@ -58,9 +69,9 @@ Understand the basic structure of a scan in BEC and learn how to create a scan p
 ```
 
 ```{grid-item-card}
-:link: developer.user_interfaces
+:link: developer.file_writer
 :link-type: ref
-:img-top: /assets/portrait_48dp.svg
+:img-top: /assets/source_48dp.svg
 :text-align: center
 
 ## File Writer
@@ -68,17 +79,6 @@ Understand the basic structure of a scan in BEC and learn how to create a scan p
 Explore and understand BEC's file writer and how it can be configured.
 ```
 
-```{grid-item-card}
-:link: developer.file_writer
-:link-type: ref
-:img-top: /assets/portrait_48dp.svg
-:text-align: center
-
-## User Interfaces
-
-Discover and learn how to contribute to the command-line tool and graphical user interface for interacting with BEC.
-```
-
 ```{grid-item-card}
 :link: developer.glossary
 :link-type: ref