diff --git a/code/modules/modular_computers/file_system/programs/emojipedia.dm b/code/modules/modular_computers/file_system/programs/emojipedia.dm
index 84daee76cec..3db7d456041 100644
--- a/code/modules/modular_computers/file_system/programs/emojipedia.dm
+++ b/code/modules/modular_computers/file_system/programs/emojipedia.dm
@@ -11,11 +11,6 @@
 	/// Store the list of potential emojis here.
 	var/static/list/emoji_list = icon_states(icon(EMOJI_SET))
 
-/datum/computer_file/program/emojipedia/New()
-	. = ..()
-	// Sort the emoji list so it's easier to find things and we don't have to keep sorting on ui_data since the number of emojis can not change in-game.
-	sortTim(emoji_list, /proc/cmp_text_asc)
-
 /datum/computer_file/program/emojipedia/ui_static_data(mob_user)
 	var/list/data = list()
 	for(var/emoji in emoji_list)
diff --git a/icons/ui/chat/emoji.dmi b/icons/ui/chat/emoji.dmi
index cf94375083c..2f9e7353e32 100644
Binary files a/icons/ui/chat/emoji.dmi and b/icons/ui/chat/emoji.dmi differ
diff --git a/tgui/packages/tgui/interfaces/NtosEmojipedia.tsx b/tgui/packages/tgui/interfaces/NtosEmojipedia.tsx
index 74228465c4e..8d3a4ea45bc 100644
--- a/tgui/packages/tgui/interfaces/NtosEmojipedia.tsx
+++ b/tgui/packages/tgui/interfaces/NtosEmojipedia.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Button, Image, Input, Section, Tooltip } from 'tgui-core/components';
+import { Button, Input, Section } from 'tgui-core/components';
 import { classes } from 'tgui-core/react';
 import { createSearch } from 'tgui-core/string';
 
@@ -23,11 +23,11 @@ export const NtosEmojipedia = (props) => {
   const filteredEmojis = emoji_list.filter(search);
 
   return (
-    <NtosWindow width={600} height={800}>
+    <NtosWindow width={600} height={640}>
       <NtosWindow.Content scrollable>
         <Section
           // required: follow semantic versioning every time you touch this file
-          title={`Emojipedia V2.7.10${filter ? ` - ${filter}` : ''}`}
+          title={`Emojipedia V3.7.10${filter ? ` - ${filter}` : ''}`}
           buttons={
             <>
               <Input
@@ -44,15 +44,23 @@ export const NtosEmojipedia = (props) => {
           }
         >
           {filteredEmojis.map((emoji) => (
-            <Tooltip key={emoji.name} content={emoji.name}>
-              <Image
-                m={0}
-                className={classes(['emojipedia16x16', emoji.name])}
-                onClick={() => {
-                  copyText(emoji.name);
-                }}
-              />
-            </Tooltip>
+            <Button
+              verticalAlign
+              key={emoji.name}
+              tooltip={emoji.name}
+              width="16px"
+              height="16px"
+              className={classes(['emojipedia16x16', emoji.name])}
+              m={1.5}
+              onClick={() => {
+                copyText(`:${emoji.name}:`);
+              }}
+              style={{
+                imageRendering: 'pixelated',
+                transform: 'scale(2)',
+                verticalAlign: 'middle',
+              }}
+            />
           ))}
         </Section>
       </NtosWindow.Content>
diff --git a/tgui/packages/tgui/styles/interfaces/Emojipedia.scss b/tgui/packages/tgui/styles/interfaces/Emojipedia.scss
index d6ec654cc80..1599b18a8aa 100644
--- a/tgui/packages/tgui/styles/interfaces/Emojipedia.scss
+++ b/tgui/packages/tgui/styles/interfaces/Emojipedia.scss
@@ -1,8 +1,4 @@
 .emojipedia16x16 {
   transform-origin: center;
   margin: var(--space-m);
-
-  &:hover {
-    transform: scale(1.5);
-  }
 }