diff --git a/app/src/main/java/be/scri/helpers/EmojiUtils.kt b/app/src/main/java/be/scri/helpers/EmojiUtils.kt
index 8b333b018..3ce0e42f9 100644
--- a/app/src/main/java/be/scri/helpers/EmojiUtils.kt
+++ b/app/src/main/java/be/scri/helpers/EmojiUtils.kt
@@ -10,6 +10,8 @@ import java.util.Locale
 object EmojiUtils {
     private const val DATA_SIZE_2 = 2
 
+    val COMMON_EMOJIS = listOf("😀", "❤️", "👍", "😂", "🎉", "✨", "🔥", "👋", "😊")
+
     /**
      * Checks if the end of a string is likely an emoji.
      * This is a heuristic check based on common emoji Unicode ranges.
@@ -48,11 +50,22 @@ object EmojiUtils {
         ic: InputConnection,
         emojiKeywords: HashMap<String, MutableList<String>>?,
         emojiMaxKeywordLength: Int,
+        emojiColonModeOn: Boolean,
     ) {
         val maxLookBack = emojiMaxKeywordLength.coerceAtLeast(1)
         ic.beginBatchEdit()
         try {
             val prevText = ic.getTextBeforeCursor(maxLookBack, 0)?.toString() ?: ""
+            // If emoji colon suggestion is on, look back to the : that triggered emoji suggestions
+            // Delete that text, and add the emoji
+            if (emojiColonModeOn) {
+                val colonIndex = prevText.lastIndexOf(':')
+                if (colonIndex != -1) {
+                    ic.deleteSurroundingText(prevText.length - colonIndex, 0)
+                }
+                ic.commitText(emoji, 1)
+                return
+            }
             val lastSpace = prevText.lastIndexOf(' ')
             when {
                 prevText.isEmpty() ||
diff --git a/app/src/main/java/be/scri/helpers/KeyHandler.kt b/app/src/main/java/be/scri/helpers/KeyHandler.kt
index 928e29790..20f907b6a 100644
--- a/app/src/main/java/be/scri/helpers/KeyHandler.kt
+++ b/app/src/main/java/be/scri/helpers/KeyHandler.kt
@@ -51,7 +51,7 @@ class KeyHandler(
         resetShiftIfNeeded(code)
 
         val previousWasLastKeySpace = wasLastKeySpace
-        if (code != KeyboardBase.KEYCODE_SPACE) {
+        if (code != KeyboardBase.KEYCODE_SPACE && !ime.emojiColonModeOn) { // None to clear in emoji colon mode, causes unnecessary flash when called
             suggestionHandler.clearLinguisticSuggestions()
         }
 
@@ -134,6 +134,7 @@ class KeyHandler(
 
     /**
      * Handles the space key press and returns whether to reset wasLastKeySpace at the end.
+     * Switches emoji colon mode off, if on.
      *
      * @param previousWasLastKeySpace The previous state of wasLastKeySpace.
      *
@@ -141,6 +142,11 @@ class KeyHandler(
      */
     private fun handleSpaceKeyPress(previousWasLastKeySpace: Boolean): Boolean {
         wasLastKeySpace = spaceKeyProcessor.processKeycodeSpace(previousWasLastKeySpace)
+        // If we're suggesting emojis in colon mode, stop. Space should break emoji suggestions, and return to normal
+        if (ime.emojiColonModeOn) {
+            ime.emojiColonModeOn = false
+            ime.clearAutocomplete()
+        }
         return false
     }
 
@@ -198,15 +204,27 @@ class KeyHandler(
     /**
      * Handles the delete/backspace key press. It delegates the deletion logic to the IME
      * and then triggers a re-evaluation of word suggestions based on the new text.
+     * Turns off emoji colon mode if colon is deleted that triggered it.
      */
 
     private fun handleDeleteKey() {
+        val charToDelete = ime.currentInputConnection?.getTextBeforeCursor(1, 0)
         ime.handleDelete(ime.isDeleteRepeating()) // pass the actual repeating status
 
         if (ime.currentState == ScribeState.IDLE) {
+            val deletedChar = charToDelete?.takeIf { it.isNotEmpty() }?.last()
+            if (deletedChar == ':' && ime.emojiColonModeOn) {
+                ime.emojiColonModeOn = false
+                ime.clearAutocomplete()
+            }
+
             val currentWord = ime.getLastWordBeforeCursor()
-            autocompletionHandler.processAutocomplete(currentWord)
-            suggestionHandler.processEmojiSuggestions(currentWord)
+            if (ime.emojiColonModeOn) {
+                suggestionHandler.processEmojiSuggestions(currentWord)
+            } else {
+                autocompletionHandler.processAutocomplete(currentWord)
+                suggestionHandler.processEmojiSuggestions(currentWord)
+            }
         }
     }
 
@@ -243,10 +261,15 @@ class KeyHandler(
     /**
      * Handles the mode change key press (e.g., switching to the symbol keyboard).
      * It delegates the logic to the IME and clears any active suggestions.
+     * In emoji colon mode, restore emoji suggestions from before mode change.
      */
     private fun handleModeChangeKey() {
         ime.handleModeChange(ime.keyboardMode, ime.keyboardView, ime)
-        suggestionHandler.clearAllSuggestionsAndHideButtonUI()
+        if (ime.emojiColonModeOn) {
+            suggestionHandler.processEmojiSuggestions(ime.getLastWordBeforeCursor())
+        } else {
+            suggestionHandler.clearAllSuggestionsAndHideButtonUI()
+        }
     }
 
     /**
@@ -341,7 +364,7 @@ class KeyHandler(
     /**
      * Handles default key presses (regular characters, numbers, symbols).
      * Commits the character to the input connection and processes suggestions.
-     *
+     * Toggles colon emoji mode on if ':' typed.
      * @param code The key code representing the character to input.
      */
 
@@ -358,9 +381,31 @@ class KeyHandler(
         ime.handleElseCondition(code, ime.keyboardMode, isCommandBarActive)
 
         if (ime.currentState == ScribeState.IDLE) {
+            if (code == ':'.code && ime.getLastWordBeforeCursor() == ":") { // " :" triggers emoji colon mode
+                ime.emojiColonModeOn = true
+
+                val commonEmojis = EmojiUtils.COMMON_EMOJIS.toMutableList()
+                ime.autoSuggestEmojis = commonEmojis
+                ime.updateButtonVisibility(true)
+                ime.updateEmojiSuggestion(true, commonEmojis) // Show common emojis otherwise there's a small delay where words pop up
+            }
+
             val currentWord = ime.getLastWordBeforeCursor()
-            autocompletionHandler.processAutocomplete(currentWord)
-            suggestionHandler.processEmojiSuggestions(currentWord)
+            if (ime.emojiColonModeOn) {
+                currentWord?.startsWith(":")?.let {
+                    if (!it) { // Turn emoji colon mode off if there's no colon anymore (like if an emoji was just selected)
+                        ime.emojiColonModeOn = false
+                        ime.clearAutocomplete()
+                        autocompletionHandler.processAutocomplete(currentWord)
+                        suggestionHandler.processEmojiSuggestions(currentWord)
+                    } else {
+                        suggestionHandler.processEmojiSuggestions(currentWord)
+                    }
+                }
+            } else { // Normal suggestions
+                autocompletionHandler.processAutocomplete(currentWord)
+                suggestionHandler.processEmojiSuggestions(currentWord)
+            }
         } else if (isCommandBarActive) {
             suggestionHandler.clearAllSuggestionsAndHideButtonUI()
             autocompletionHandler.clearAutocomplete()
diff --git a/app/src/main/java/be/scri/helpers/SuggestionHandler.kt b/app/src/main/java/be/scri/helpers/SuggestionHandler.kt
index 57b44deed..3f0fb1dcb 100644
--- a/app/src/main/java/be/scri/helpers/SuggestionHandler.kt
+++ b/app/src/main/java/be/scri/helpers/SuggestionHandler.kt
@@ -116,7 +116,6 @@ class SuggestionHandler(
      */
     fun processEmojiSuggestions(currentWord: String?) {
         emojiSuggestionRunnable?.let { handler.removeCallbacks(it) }
-
         emojiSuggestionRunnable =
             Runnable {
                 if (ime.currentState != ScribeState.IDLE) {
@@ -131,19 +130,30 @@ class SuggestionHandler(
                     return@Runnable
                 }
 
-                val emojis =
-                    if (ime.emojiAutoSuggestionEnabled) {
-                        ime.findEmojisForLastWord(ime.emojiKeywords, currentWord)
-                    } else {
-                        null
-                    }
+                var emojis: MutableList<String>?
+                if (ime.emojiColonModeOn) {
+                    val currentWordCleaned = currentWord.removePrefix(":") // Drop colon that triggered emojiColonMode
+                    emojis =
+                        if (
+                            currentWordCleaned.isEmpty()
+                        ) { // For no word typed yet, show common emojis
+                            EmojiUtils.COMMON_EMOJIS.toMutableList()
+                        } else {
+                            ime.findEmojisForPrefix(ime.emojiKeywords, currentWordCleaned)
+                        }
+                } else {
+                    emojis = null
+                }
 
                 val hasEmojiSuggestion = !emojis.isNullOrEmpty()
 
                 if (hasEmojiSuggestion) {
                     ime.autoSuggestEmojis = emojis
-                    ime.updateEmojiSuggestion(true, emojis)
                     ime.updateButtonVisibility(true)
+                    ime.updateEmojiSuggestion(true, emojis)
+                } else if (ime.emojiColonModeOn) { // Show blank buttons when there are no matches
+                    ime.autoSuggestEmojis = mutableListOf()
+                    ime.updateEmojiSuggestion(true, mutableListOf())
                 } else {
                     ime.updateButtonVisibility(false)
                 }
@@ -172,6 +182,7 @@ class SuggestionHandler(
     fun clearAllSuggestionsAndHideButtonUI() {
         emojiSuggestionRunnable?.let { handler.removeCallbacks(it) }
         linguisticSuggestionRunnable?.let { handler.removeCallbacks(it) }
+        wordSuggestionRunnable?.let { handler.removeCallbacks(it) }
 
         ime.disableAutoSuggest()
 
diff --git a/app/src/main/java/be/scri/helpers/ui/KeyboardUIManager.kt b/app/src/main/java/be/scri/helpers/ui/KeyboardUIManager.kt
index 928a94523..a0dda6db1 100644
--- a/app/src/main/java/be/scri/helpers/ui/KeyboardUIManager.kt
+++ b/app/src/main/java/be/scri/helpers/ui/KeyboardUIManager.kt
@@ -87,6 +87,33 @@ class KeyboardUIManager(
     var genderSuggestionLeft: Button? = binding.translateBtnLeft
     var genderSuggestionRight: Button? = binding.translateBtnRight
 
+    // 6-slot phone colon emoji row buttons
+    private val emojiColonPhoneButtons: List<Button> by lazy {
+        listOf(
+            binding.emojiColonPhone1,
+            binding.emojiColonPhone2,
+            binding.emojiColonPhone3,
+            binding.emojiColonPhone4,
+            binding.emojiColonPhone5,
+            binding.emojiColonPhone6,
+        )
+    }
+
+    // 9-slot tablet colon emoji row buttons
+    private val emojiColonTabletButtons: List<Button> by lazy {
+        listOf(
+            binding.emojiColonTablet1,
+            binding.emojiColonTablet2,
+            binding.emojiColonTablet3,
+            binding.emojiColonTablet4,
+            binding.emojiColonTablet5,
+            binding.emojiColonTablet6,
+            binding.emojiColonTablet7,
+            binding.emojiColonTablet8,
+            binding.emojiColonTablet9,
+        )
+    }
+
     // State variables specific to UI rendering.
     var currentCommandBarHint: String = ""
     var commandBarHintColor: Int = Color.GRAY
@@ -752,30 +779,73 @@ class KeyboardUIManager(
         currentState: ScribeState,
         isAutoSuggestEnabled: Boolean,
         autoSuggestEmojis: MutableList<String>?,
+        emojiColonModeOn: Boolean = false,
     ) {
         if (currentState != ScribeState.IDLE) return
 
+        val isTablet =
+            (
+                context.resources.configuration.screenLayout
+                    and Configuration.SCREENLAYOUT_SIZE_MASK
+            ) >= Configuration.SCREENLAYOUT_SIZE_LARGE
+
         val tabletButtons = listOf(binding.emojiBtnTablet1, binding.emojiBtnTablet2, binding.emojiBtnTablet3)
-        val phoneButtons = listOf(binding.emojiBtnPhone1, binding.emojiBtnPhone2)
+        val legacyPhoneButtons = listOf(binding.emojiBtnPhone1, binding.emojiBtnPhone2)
 
         if (isAutoSuggestEnabled && autoSuggestEmojis != null) {
-            val emojiListener = { emoji: String ->
-                View.OnClickListener { listener.onEmojiSelected(emoji) }
-            }
-
-            tabletButtons.forEachIndexed { index, button ->
-                val emoji = autoSuggestEmojis.getOrNull(index) ?: ""
-                button.text = emoji
-                button.setOnClickListener(if (emoji.isNotEmpty()) emojiListener(emoji) else null)
-            }
-
-            phoneButtons.forEachIndexed { index, button ->
-                val emoji = autoSuggestEmojis.getOrNull(index) ?: ""
-                button.text = emoji
-                button.setOnClickListener(if (emoji.isNotEmpty()) emojiListener(emoji) else null)
+            val emojiListener = { emoji: String -> View.OnClickListener { listener.onEmojiSelected(emoji) } }
+
+            if (emojiColonModeOn && !isTablet) {
+                // Phone colon mode: show the dedicated 6-slot row, hide word buttons and separators.
+                binding.translateBtn.visibility = View.GONE
+                binding.conjugateBtn.visibility = View.GONE
+                binding.pluralBtn.visibility = View.GONE
+                binding.separator2.visibility = View.GONE
+                binding.separator3.visibility = View.GONE
+                legacyPhoneButtons.forEach { it.visibility = View.GONE }
+                binding.emojiColonRowPhone.visibility = View.VISIBLE
+
+                emojiColonPhoneButtons.forEachIndexed { index, button ->
+                    val emoji = autoSuggestEmojis.getOrNull(index) ?: ""
+                    button.text = emoji
+                    button.setOnClickListener(if (emoji.isNotEmpty()) emojiListener(emoji) else null)
+                }
+            } else if (emojiColonModeOn && isTablet) {
+                // Tablet colon mode: show the dedicated 9-slot row, hide word buttons and separators.
+                binding.translateBtn.visibility = View.GONE
+                binding.conjugateBtn.visibility = View.GONE
+                binding.pluralBtn.visibility = View.GONE
+                binding.separator2.visibility = View.GONE
+                binding.separator3.visibility = View.GONE
+                legacyPhoneButtons.forEach { it.visibility = View.GONE }
+                tabletButtons.forEach { it.visibility = View.GONE }
+                binding.emojiColonRowPhone.visibility = View.GONE
+                binding.emojiColonRowTablet.visibility = View.VISIBLE
+
+                emojiColonTabletButtons.forEachIndexed { index, button ->
+                    val emoji = autoSuggestEmojis.getOrNull(index) ?: ""
+                    button.text = emoji
+                    button.setOnClickListener(if (emoji.isNotEmpty()) emojiListener(emoji) else null)
+                }
+            } else {
+                // Non-colon mode: ensure both colon rows are hidden, use existing emoji buttons.
+                binding.emojiColonRowPhone.visibility = View.GONE
+                binding.emojiColonRowTablet.visibility = View.GONE
+                tabletButtons.forEachIndexed { index, button ->
+                    val emoji = autoSuggestEmojis.getOrNull(index) ?: ""
+                    button.text = emoji
+                    button.setOnClickListener(if (emoji.isNotEmpty()) emojiListener(emoji) else null)
+                }
+                legacyPhoneButtons.forEachIndexed { index, button ->
+                    val emoji = autoSuggestEmojis.getOrNull(index) ?: ""
+                    button.text = emoji
+                    button.setOnClickListener(if (emoji.isNotEmpty()) emojiListener(emoji) else null)
+                }
             }
         } else {
-            (tabletButtons + phoneButtons).forEach { button ->
+            binding.emojiColonRowPhone.visibility = View.GONE
+            binding.emojiColonRowTablet.visibility = View.GONE
+            (tabletButtons + legacyPhoneButtons).forEach { button ->
                 button.text = ""
                 button.setOnClickListener(null)
             }
@@ -786,6 +856,14 @@ class KeyboardUIManager(
      * Disables all auto-suggestions and resets the suggestion buttons to their default, inactive state.
      */
     fun disableAutoSuggest(language: String) {
+        // Ensure both colon emoji rows are hidden and word buttons are fully restored.
+        binding.emojiColonRowPhone.visibility = View.GONE
+        binding.emojiColonRowTablet.visibility = View.GONE
+        binding.separator2.visibility = View.VISIBLE
+        binding.separator3.visibility = View.VISIBLE
+        binding.conjugateBtn.visibility = View.VISIBLE
+        binding.pluralBtn.visibility = View.VISIBLE
+
         binding.translateBtnRight.visibility = View.INVISIBLE
         binding.translateBtnLeft.visibility = View.INVISIBLE
         binding.translateBtn.visibility = View.VISIBLE
diff --git a/app/src/main/java/be/scri/services/GeneralKeyboardIME.kt b/app/src/main/java/be/scri/services/GeneralKeyboardIME.kt
index 50b791af4..04d6a478b 100644
--- a/app/src/main/java/be/scri/services/GeneralKeyboardIME.kt
+++ b/app/src/main/java/be/scri/services/GeneralKeyboardIME.kt
@@ -141,6 +141,7 @@ abstract class GeneralKeyboardIME(
     var wordSuggestions: List<String>? = null
     var checkIfPluralWord: Boolean = false
     private var currentEnterKeyType: Int? = null
+    var emojiColonModeOn: Boolean = false
 
     internal var currentState: ScribeState = ScribeState.IDLE
     internal var invalidCommandSource: ScribeState = ScribeState.IDLE
@@ -320,6 +321,7 @@ abstract class GeneralKeyboardIME(
         emojiAutoSuggestionEnabled = getIsEmojiSuggestionsEnabled(applicationContext, language)
         autoSuggestEmojis = null
         suggestionHandler.clearAllSuggestionsAndHideButtonUI()
+        emojiColonModeOn = false
 
         moveToIdleState()
 
@@ -626,6 +628,11 @@ abstract class GeneralKeyboardIME(
             currentVerbForConjugation = null
         } else {
             moveToIdleState()
+            // If the user just closed the command menu without selecting anything,
+            // and emoji colon mode was active, restore emoji suggestions.
+            if (emojiColonModeOn) {
+                suggestionHandler.processEmojiSuggestions(getLastWordBeforeCursor())
+            }
         }
         refreshUI()
     }
@@ -654,11 +661,16 @@ abstract class GeneralKeyboardIME(
 
     override fun onCloseClicked() {
         moveToIdleState()
+        // If the user just closed the command view without doing anything,
+        // and emoji colon mode was active, restore emoji suggestions.
+        if (emojiColonModeOn) {
+            suggestionHandler.processEmojiSuggestions(getLastWordBeforeCursor())
+        }
     }
 
     override fun onEmojiSelected(emoji: String) {
         if (emoji.isNotEmpty()) {
-            insertEmoji(emoji, currentInputConnection, emojiKeywords, emojiMaxKeywordLength)
+            insertEmoji(emoji, currentInputConnection, emojiKeywords, emojiMaxKeywordLength, emojiColonModeOn)
         }
     }
 
@@ -1178,6 +1190,27 @@ abstract class GeneralKeyboardIME(
         lastWord: String?,
     ) = lastWord?.let { emojiKeywords?.get(it.lowercase()) }
 
+    /**
+     * Finds associated emojis for the last typed word by matching prefixes of keywords.
+     * i.e. 'cheer' should match 'cheerful'
+     *
+     * @param emojiKeywords The map of keywords to emojis.
+     * @param prefix The word to look up.
+     *
+     * @return A mutable list of emoji suggestions, or null if none are found.
+     */
+    fun findEmojisForPrefix(
+        emojiKeywords: HashMap<String, MutableList<String>>?,
+        prefix: String,
+    ): MutableList<String>? =
+        emojiKeywords
+            ?.filterKeys { it.startsWith(prefix.lowercase(Locale.ROOT)) }
+            ?.values
+            ?.flatten()
+            ?.distinct()
+            ?.toMutableList()
+            ?.takeIf { it.isNotEmpty() }
+
     /**
      * Finds the grammatical gender(s) for the last typed word.
      *
@@ -1808,7 +1841,7 @@ abstract class GeneralKeyboardIME(
     fun updateEmojiSuggestion(
         enabled: Boolean,
         emojis: MutableList<String>?,
-    ) = uiManager.updateEmojiSuggestion(currentState, enabled, emojis)
+    ) = uiManager.updateEmojiSuggestion(currentState, enabled, emojis, emojiColonModeOn)
 
     /**
      * Disables all auto-suggestions and resets the suggestion buttons to their default, inactive state.
diff --git a/app/src/main/res/layout/input_method_view.xml b/app/src/main/res/layout/input_method_view.xml
index a612e7737..0e881a6c8 100644
--- a/app/src/main/res/layout/input_method_view.xml
+++ b/app/src/main/res/layout/input_method_view.xml
@@ -154,6 +154,7 @@
             android:textColor="@color/white"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toStartOf="@+id/separator_1"
+            app:layout_constraintHorizontal_bias="0"
             app:layout_constraintHorizontal_chainStyle="packed"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent" />
@@ -406,6 +407,219 @@
             app:layout_constraintStart_toEndOf="@+id/emoji_space_tablet_2"
             app:layout_constraintTop_toTopOf="@+id/plural_btn" />
 
+        <!-- 6-slot emoji row for phone colon mode. Spans full width after the Scribe key. -->
+        <LinearLayout
+            android:id="@+id/emoji_colon_row_phone"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:orientation="horizontal"
+            android:visibility="gone"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/scribe_key_options"
+            app:layout_constraintTop_toTopOf="parent">
+
+            <Button
+                android:id="@+id/emoji_colon_phone_1"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:background="@null"
+                android:textSize="20sp" />
+
+            <View
+                android:layout_width="0.5dp"
+                android:layout_height="match_parent"
+                android:background="@color/special_key_light" />
+
+            <Button
+                android:id="@+id/emoji_colon_phone_2"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:background="@null"
+                android:textSize="20sp" />
+
+            <View
+                android:layout_width="0.5dp"
+                android:layout_height="match_parent"
+                android:background="@color/special_key_light" />
+
+            <Button
+                android:id="@+id/emoji_colon_phone_3"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:background="@null"
+                android:textSize="20sp" />
+
+            <View
+                android:layout_width="0.5dp"
+                android:layout_height="match_parent"
+                android:background="@color/special_key_light" />
+
+            <Button
+                android:id="@+id/emoji_colon_phone_4"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:background="@null"
+                android:textSize="20sp" />
+
+            <View
+                android:layout_width="0.5dp"
+                android:layout_height="match_parent"
+                android:background="@color/special_key_light" />
+
+            <Button
+                android:id="@+id/emoji_colon_phone_5"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:background="@null"
+                android:textSize="20sp" />
+
+            <View
+                android:layout_width="0.5dp"
+                android:layout_height="match_parent"
+                android:background="@color/special_key_light" />
+
+            <Button
+                android:id="@+id/emoji_colon_phone_6"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:background="@null"
+                android:textSize="20sp" />
+
+        </LinearLayout>
+
+        <!-- 9-slot emoji row for tablet colon mode. Spans full width after the Scribe key. -->
+        <LinearLayout
+            android:id="@+id/emoji_colon_row_tablet"
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:orientation="horizontal"
+            android:visibility="gone"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toEndOf="@+id/scribe_key_options"
+            app:layout_constraintTop_toTopOf="parent">
+
+            <Button
+                android:id="@+id/emoji_colon_tablet_1"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:background="@null"
+                android:textSize="20sp" />
+
+            <View
+                android:layout_width="0.5dp"
+                android:layout_height="match_parent"
+                android:background="@color/special_key_light" />
+
+            <Button
+                android:id="@+id/emoji_colon_tablet_2"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:background="@null"
+                android:textSize="20sp" />
+
+            <View
+                android:layout_width="0.5dp"
+                android:layout_height="match_parent"
+                android:background="@color/special_key_light" />
+
+            <Button
+                android:id="@+id/emoji_colon_tablet_3"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:background="@null"
+                android:textSize="20sp" />
+
+            <View
+                android:layout_width="0.5dp"
+                android:layout_height="match_parent"
+                android:background="@color/special_key_light" />
+
+            <Button
+                android:id="@+id/emoji_colon_tablet_4"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:background="@null"
+                android:textSize="20sp" />
+
+            <View
+                android:layout_width="0.5dp"
+                android:layout_height="match_parent"
+                android:background="@color/special_key_light" />
+
+            <Button
+                android:id="@+id/emoji_colon_tablet_5"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:background="@null"
+                android:textSize="20sp" />
+
+            <View
+                android:layout_width="0.5dp"
+                android:layout_height="match_parent"
+                android:background="@color/special_key_light" />
+
+            <Button
+                android:id="@+id/emoji_colon_tablet_6"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:background="@null"
+                android:textSize="20sp" />
+
+            <View
+                android:layout_width="0.5dp"
+                android:layout_height="match_parent"
+                android:background="@color/special_key_light" />
+
+            <Button
+                android:id="@+id/emoji_colon_tablet_7"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:background="@null"
+                android:textSize="20sp" />
+
+            <View
+                android:layout_width="0.5dp"
+                android:layout_height="match_parent"
+                android:background="@color/special_key_light" />
+
+            <Button
+                android:id="@+id/emoji_colon_tablet_8"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:background="@null"
+                android:textSize="20sp" />
+
+            <View
+                android:layout_width="0.5dp"
+                android:layout_height="match_parent"
+                android:background="@color/special_key_light" />
+
+            <Button
+                android:id="@+id/emoji_colon_tablet_9"
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1"
+                android:background="@null"
+                android:textSize="20sp" />
+
+        </LinearLayout>
+
     </androidx.constraintlayout.widget.ConstraintLayout>
 
     <!-- ================================================================================= -->