diff --git a/Client/WebServer/Images/Languages/EN.png b/Client/WebServer/Images/Languages/EN.png
new file mode 100644
index 000000000..932293250
Binary files /dev/null and b/Client/WebServer/Images/Languages/EN.png differ
diff --git a/Client/WebServer/Images/Languages/ES.png b/Client/WebServer/Images/Languages/ES.png
new file mode 100644
index 000000000..a0d070807
Binary files /dev/null and b/Client/WebServer/Images/Languages/ES.png differ
diff --git a/Client/WebServer/Images/Languages/IT.png b/Client/WebServer/Images/Languages/IT.png
new file mode 100644
index 000000000..6994f3c63
Binary files /dev/null and b/Client/WebServer/Images/Languages/IT.png differ
diff --git a/Client/WebServer/Images/Languages/RU.png b/Client/WebServer/Images/Languages/RU.png
new file mode 100644
index 000000000..ffa62a935
Binary files /dev/null and b/Client/WebServer/Images/Languages/RU.png differ
diff --git a/Client/WebServer/css/docs.css b/Client/WebServer/css/docs.css
index 7dda8e3f2..e1947baaf 100644
--- a/Client/WebServer/css/docs.css
+++ b/Client/WebServer/css/docs.css
@@ -518,6 +518,11 @@ text-decoration: none;
 color: #ffd1a9;
 }
 
+.docs-footer-language {
+width: 30px;
+padding: 20 10px;
+}
+
 
 /* DELETE candidate
 .docs-footer-body {
diff --git a/Projects/Superalgos/Icons/Thumbs.db b/Projects/Superalgos/Icons/Thumbs.db
index 68a2cf27e..846cd94b0 100644
Binary files a/Projects/Superalgos/Icons/Thumbs.db and b/Projects/Superalgos/Icons/Thumbs.db differ
diff --git a/Projects/Superalgos/UI/Spaces/Docs-Space/Footer.js b/Projects/Superalgos/UI/Spaces/Docs-Space/Footer.js
index b56655f51..5e538057f 100644
--- a/Projects/Superalgos/UI/Spaces/Docs-Space/Footer.js
+++ b/Projects/Superalgos/UI/Spaces/Docs-Space/Footer.js
@@ -21,15 +21,11 @@ function newSuperalgosDocsFooter() {
 
         HTML = HTML + '<div id="docs-footer" class="docs-node-html-footer-container">' // Container Starts
 
-        // Language Section
+        // Buttons Section
 
         HTML = HTML + '<div class="docs-node-html-footer-table">'
         HTML = HTML + '<div class="docs-footer-row">'
 
-        HTML = HTML + '<div class="docs-footer-cell" style="white-space: nowrap; overflow-x: auto; ">'
-        HTML = HTML + '<h3 style="display: inline-block;">Help Superalgos Speak Your Language!</h3>'
-        HTML = HTML + '</div>'
-
         HTML = HTML + '<div class="docs-footer-cell style="white-space: nowrap; overflow-x: auto;" >' // white-space: nowrap; overflow-x: auto; prevents line breaks when combined with display: inline-block;" in the child elements
 
         if (UI.projects.superalgos.spaces.docsSpace.currentDocumentBeingRendered !== undefined) {
@@ -47,6 +43,18 @@ function newSuperalgosDocsFooter() {
         HTML = HTML + '</div>'
         HTML = HTML + '</div>'
 
+        // Language Section
+
+        HTML = HTML + '<div class="docs-node-html-footer-table">'
+        HTML = HTML + '<div class="docs-footer-row">'
+
+        HTML = HTML + '<div class="docs-footer-cell" style="white-space: nowrap; overflow-x: auto; ">'
+        HTML = HTML + '<h3 style="display: inline-block;">Help Superalgos Speak Your Language!</h3>'
+        HTML = HTML + '</div>'
+
+        HTML = HTML + '</div>'
+        HTML = HTML + '</div>'
+
         HTML = HTML + '<div class="docs-node-html-footer-table">'
         HTML = HTML + '<div class="docs-footer-row">'
 
@@ -57,13 +65,13 @@ function newSuperalgosDocsFooter() {
 
         HTML = HTML + '<div class="docs-footer-cell">'
         HTML = HTML + '<h4>Choose Your Language</h4>'
-        HTML = HTML + 'The current preferred language is <strong>' + UI.projects.superalgos.utilities.languages.getLaguageLabel(UI.projects.superalgos.spaces.docsSpace.language) + '</strong>. Switch to:'
-        HTML = HTML + '<ul>'
-        HTML = HTML + '<li><a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'EN\')">English</a></li>'
-        HTML = HTML + '<li><a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'ES\')">Spanish</a></li>'
-        HTML = HTML + '<li><a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'RU\')">Russian</a></li>'
-        HTML = HTML + '<li><a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'IT\')">Italian</a></li>'
-        HTML = HTML + '</ul>'
+        HTML = HTML + 'The current preferred language is <strong>' + UI.projects.superalgos.utilities.languages.getLaguageLabel(UI.projects.superalgos.spaces.docsSpace.language) + '</strong>. Switch to: <br/>'
+
+        HTML = HTML + '<a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'EN\')"><img src="Images/Languages/EN.png" alt="English" class="docs-footer-language"></a>'
+        HTML = HTML + '<a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'ES\')"><img src="Images/Languages/ES.png" alt="Spanish" class="docs-footer-language"></a>'
+        HTML = HTML + '<a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'RU\')"><img src="Images/Languages/RU.png" alt="Russian" class="docs-footer-language"></a>'
+        HTML = HTML + '<a href="#" onClick="UI.projects.superalgos.spaces.docsSpace.changeLanguage(\'IT\')"><img src="Images/Languages/IT.png" alt="Italian" class="docs-footer-language"></a>'
+        
         HTML = HTML + '</div>'
 
         HTML = HTML + '<div class="docs-footer-cell">'