diff --git a/VERSION.json b/VERSION.json
index 71c075a5..9be816ca 100644
--- a/VERSION.json
+++ b/VERSION.json
@@ -1,8 +1,9 @@
 {
-  "version": "1.2.2",
-  "last_build": "2026-04-11-1123",
-  "commit": "c42b1",
+  "version": "1.2.3",
+  "last_build": "2026-04-11-1131",
+  "commit": "a5e2f",
   "changelog": [
+    "v1.2.3: System-wide UI consistency (standardized font sizes, removed uppercase)",
     "v1.2.2: UI Readability refactor (Removed uppercase/tracking, increased font sizes)",
     "v1.2.1: Git path persistence, master/dev/vX branching, and UI case-sensitivity fix",
     "v1.2.0: Structured category management with grouping support",
diff --git a/dev_docs/ARCHIVE_LOGS.md b/dev_docs/ARCHIVE_LOGS.md
index b1fcf145..aaa1dc37 100644
--- a/dev_docs/ARCHIVE_LOGS.md
+++ b/dev_docs/ARCHIVE_LOGS.md
@@ -1,15 +1,15 @@
-### [2026-04-11 11:21] v1.2.2: UI Readability & Density Optimization
-**Purpose:** System-wide removal of `uppercase` transformations and `tracking-widest` spacing. Increased base font sizes for labels and buttons from `9px`/`10px` to `xs`/`sm` across all pages and components to improve accessibility and readability. Updated Gemini model reference in UI to 2.0 Flash.
+### [2026-04-11 11:30] v1.2.3: System-Wide UI Homogenization
+**Purpose:** Completed UI refactoring for all secondary pages (`Inventory`, `Logs`, `Scanner`, `IdentityCheckOverlay`). Standardized font sizes to `xs`/`sm`, removed legacy `uppercase` styling, and fixed Title Case for buttons. Handed over a fully consistent high-density UI.
 **Modified Files:**
-- `frontend/app/page.tsx`
-- `frontend/app/admin/page.tsx`
-- `frontend/app/login/page.tsx`
-- `frontend/components/BottomNav.tsx`
-- `frontend/components/AIOnboarding.tsx`
-- `frontend/components/AdminOverlay.tsx`
-- `frontend/components/LogsOverlay.tsx`
+- `frontend/app/inventory/page.tsx`
+- `frontend/app/logs/page.tsx`
+- `frontend/components/Scanner.tsx`
+- `frontend/components/IdentityCheckOverlay.tsx`
+- `VERSION.json`
 - `dev_docs/ARCHIVE_LOGS.md`
 
+### [2026-04-11 11:21] v1.2.2: UI Readability & Density Optimization
+
 ### [2026-04-10 21:59] v1.2.1: Infrastructure & UI Dynamic Versioning
 
 # Archive Logs
diff --git a/frontend/app/inventory/page.tsx b/frontend/app/inventory/page.tsx
index 6e39d8e4..b1bc57f9 100644
--- a/frontend/app/inventory/page.tsx
+++ b/frontend/app/inventory/page.tsx
@@ -210,14 +210,14 @@ export default function InventoryPage() {
             <div className="w-8 h-8 rounded-xl bg-primary/10 text-primary flex items-center justify-center mb-3">
               <Layers size={18} />
             </div>
-            <p className="text-[10px] font-black uppercase tracking-widest text-slate-500">Categories</p>
+            <p className="text-xs font-black text-slate-500">Categories</p>
             <p className="text-2xl font-black mt-1">{stats?.total_categories || categories.length}</p>
           </div>
           <div className="bg-slate-900/50 border border-slate-800 p-4 rounded-3xl">
             <div className="w-8 h-8 rounded-xl bg-green-500/10 text-green-500 flex items-center justify-center mb-3">
               <Package size={18} />
             </div>
-            <p className="text-[10px] font-black uppercase tracking-widest text-slate-500">Item Types</p>
+            <p className="text-xs font-black text-slate-500">Item Types</p>
             <p className="text-2xl font-black mt-1">{stats?.total_items || inventory.length}</p>
           </div>
         </section>
@@ -250,7 +250,7 @@ export default function InventoryPage() {
                   </div>
                   <div className="text-left">
                     <h3 className="font-bold text-lg">{cat}</h3>
-                    <p className="text-[10px] font-black text-slate-500 uppercase tracking-widest">
+                    <p className="text-xs font-black text-slate-500">
                        {inventory.filter(i => i.category === cat).length} Item types in stock
                     </p>
                   </div>
@@ -297,7 +297,7 @@ export default function InventoryPage() {
                           )}>
                             {item.quantity}
                           </span>
-                          <p className="text-[8px] text-slate-600 uppercase tracking-widest font-black">Stock</p>
+                          <p className="text-xs text-slate-600 font-bold">Stock</p>
                         </div>
                       </div>
                     ))}
@@ -359,7 +359,7 @@ export default function InventoryPage() {
               {isEditing ? (
                 <div className="space-y-4 mb-8">
                   <div>
-                    <label className="text-[10px] font-black uppercase tracking-widest text-slate-500 ml-1">Name</label>
+                    <label className="text-xs font-black text-slate-500 ml-1">Name</label>
                     <input 
                       type="text" 
                       value={editedItem.name || ''} 
@@ -368,7 +368,7 @@ export default function InventoryPage() {
                     />
                   </div>
                   <div>
-                    <label className="text-[10px] font-black uppercase tracking-widest text-slate-500 ml-1">Part Number</label>
+                    <label className="text-xs font-black text-slate-500 ml-1">Part Number</label>
                     <input 
                       type="text" 
                       value={editedItem.part_number || ''} 
@@ -378,7 +378,7 @@ export default function InventoryPage() {
                   </div>
                   <div className="grid grid-cols-2 gap-4">
                     <div>
-                      <label className="text-[10px] font-black uppercase tracking-widest text-slate-500 ml-1">Category</label>
+                      <label className="text-xs font-black text-slate-500 ml-1">Category</label>
                       <select 
                         value={editedItem.category || ''} 
                         onChange={e => setEditedItem({...editedItem, category: e.target.value})}
@@ -391,7 +391,7 @@ export default function InventoryPage() {
                       </select>
                     </div>
                     <div>
-                      <label className="text-[10px] font-black uppercase tracking-widest text-slate-500 ml-1">Item Type</label>
+                      <label className="text-xs font-black text-slate-500 ml-1">Item Type</label>
                       <input 
                         type="text" 
                         value={editedItem.type || ''} 
@@ -401,7 +401,7 @@ export default function InventoryPage() {
                     </div>
                   </div>
                   <div>
-                    <label className="text-[10px] font-black uppercase tracking-widest text-slate-500 ml-1">Specs / Comments</label>
+                    <label className="text-xs font-black text-slate-500 ml-1">Specs / Comments</label>
                     <input 
                       type="text" 
                       value={editedItem.specs || ''} 
@@ -427,7 +427,7 @@ export default function InventoryPage() {
                         )}
                       >
                         <t.icon size={20} className={adjustType === t.id ? t.color : ""} />
-                        <span className="text-[10px] font-black uppercase tracking-widest mt-1">{t.label}</span>
+                        <span className="text-xs font-black mt-1">{t.label}</span>
                       </button>
                     ))}
                   </div>
@@ -493,7 +493,7 @@ export default function InventoryPage() {
         <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-slate-950/90 backdrop-blur-xl animate-in fade-in duration-300">
           <div className="bg-slate-900 border border-slate-800 rounded-3xl p-8 max-w-sm w-full shadow-2xl space-y-6 animate-in zoom-in-95 duration-200">
             <div className="flex justify-between items-center">
-               <h2 className="text-xl font-black uppercase tracking-tight">Edit Category</h2>
+               <h2 className="text-xl font-black">Edit Category</h2>
                <button onClick={() => setEditingCategory(null)} className="p-2 hover:bg-slate-800 rounded-full transition-colors text-slate-400">
                  <X size={20} />
                </button>
@@ -501,7 +501,7 @@ export default function InventoryPage() {
             
             <div className="space-y-4">
               <div>
-                <label className="text-[10px] font-black uppercase tracking-widest text-slate-500 ml-1">Name</label>
+                <label className="text-xs font-black text-slate-500 ml-1">Name</label>
                 <input 
                   type="text" 
                   value={catEditedName}
@@ -510,7 +510,7 @@ export default function InventoryPage() {
                 />
               </div>
               <div>
-                <label className="text-[10px] font-black uppercase tracking-widest text-slate-500 ml-1">Description</label>
+                <label className="text-xs font-black text-slate-500 ml-1">Description</label>
                 <textarea 
                   value={catEditedDesc}
                   onChange={e => setCatEditedDesc(e.target.value)}
@@ -521,7 +521,7 @@ export default function InventoryPage() {
 
             <button 
               onClick={handleUpdateCategory}
-              className="w-full bg-primary text-white font-black uppercase tracking-widest py-4 rounded-2xl shadow-xl shadow-primary/20 hover:scale-[1.02] active:scale-95 transition-all"
+              className="w-full bg-primary text-white font-black py-4 rounded-2xl shadow-xl shadow-primary/20 hover:scale-[1.02] active:scale-95 transition-all"
             >
               Update Category
             </button>
diff --git a/frontend/app/logs/page.tsx b/frontend/app/logs/page.tsx
index 31e4a678..9f917551 100644
--- a/frontend/app/logs/page.tsx
+++ b/frontend/app/logs/page.tsx
@@ -53,8 +53,8 @@ export default function LogsPage() {
               <History size={24} />
             </div>
             <div>
-              <h1 className="text-2xl font-black tracking-tight text-white uppercase">Audit History</h1>
-              <p className="text-xs text-slate-500 font-bold tracking-widest uppercase">Centralized Transaction Logs</p>
+              <h1 className="text-2xl font-black tracking-tight text-white">Audit History</h1>
+              <p className="text-xs text-slate-500 font-bold">Centralized Transaction Logs</p>
             </div>
           </div>
 
@@ -74,7 +74,7 @@ export default function LogsPage() {
           {loading ? (
             <div className="flex flex-col items-center justify-center p-20 text-slate-500 animate-pulse">
                <History size={48} className="opacity-20 mb-4" />
-               <p className="text-xs font-black uppercase tracking-widest">Retrieving logs from cloud...</p>
+               <p className="text-xs font-black">Retrieving Logs From Cloud...</p>
             </div>
           ) : filteredLogs.length === 0 ? (
             <div className="bg-slate-900/30 border border-slate-800 border-dashed rounded-[2.5rem] p-16 flex flex-col items-center justify-center text-center gap-4">
@@ -93,14 +93,14 @@ export default function LogsPage() {
                   <div className="flex-1 min-w-0">
                     <div className="flex items-center gap-2 mb-2">
                       <div className={cn(
-                        "text-[9px] font-black uppercase tracking-[0.2em] px-2 py-0.5 rounded-md",
+                        "text-xs font-black px-2 py-0.5 rounded-md",
                         log.action.includes('CHECK_IN') ? "bg-green-500/10 text-green-500" : 
                         (log.action.includes('TRASH') ? "bg-rose-500/10 text-rose-500" : "bg-amber-500/10 text-amber-500")
                       )}>
                         {log.action}
                       </div>
-                      <span className="text-[10px] font-bold text-slate-600 uppercase tracking-widest">by</span>
-                      <span className="text-[10px] font-black text-slate-400 uppercase tracking-widest">{log.username || 'System'}</span>
+                      <span className="text-xs font-bold text-slate-600">by</span>
+                      <span className="text-xs font-black text-slate-400">{log.username || 'System'}</span>
                     </div>
                     <div className="flex items-center gap-2">
                       <span className="text-base font-bold text-slate-100 group-hover:text-primary transition-colors">
@@ -108,12 +108,12 @@ export default function LogsPage() {
                       </span>
                     </div>
                     <div className="flex items-center gap-4 mt-3">
-                       <div className="text-[10px] text-slate-600 font-mono flex items-center gap-1.5">
+                       <div className="text-xs text-slate-600 font-mono flex items-center gap-1.5">
                          <div className="w-1 h-1 rounded-full bg-slate-700" />
                          {new Date(log.timestamp).toLocaleString()}
                       </div>
                       {log.details && (
-                        <span className="text-[9px] bg-slate-800/50 text-slate-500 px-3 py-1 rounded-full border border-slate-700/50 font-mono">
+                        <span className="text-xs bg-slate-800/50 text-slate-500 px-3 py-1 rounded-full border border-slate-700/50 font-mono">
                           {log.details}
                         </span>
                       )}
diff --git a/frontend/components/IdentityCheckOverlay.tsx b/frontend/components/IdentityCheckOverlay.tsx
index 9c00b7f9..c0ab7ee7 100644
--- a/frontend/components/IdentityCheckOverlay.tsx
+++ b/frontend/components/IdentityCheckOverlay.tsx
@@ -68,7 +68,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
           <div className="w-16 h-16 bg-primary/10 text-primary rounded-2xl flex items-center justify-center mx-auto mb-4 border border-primary/20">
             <User size={32} />
           </div>
-          <h2 className="text-2xl font-black text-white uppercase tracking-tight">Identity Check</h2>
+          <h2 className="text-2xl font-black text-white">Identity Check</h2>
           <p className="text-slate-500 text-sm">Select operator profile to continue</p>
         </div>
         
@@ -86,8 +86,8 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
                       {user.role === 'admin' ? <Shield size={14} /> : <User size={14} />}
                     </div>
                     <div>
-                      <p className="text-white font-black text-sm tracking-widest">{user.username}</p>
-                      <p className="text-[10px] text-slate-500 font-bold mt-1 tracking-widest">{user.role}</p>
+                      <p className="text-white font-black text-sm">{user.username}</p>
+                      <p className="text-xs text-slate-500 font-medium mt-1">{user.role}</p>
                     </div>
                   </div>
                   <ChevronRight size={16} className="text-slate-600 group-hover:text-primary transition-colors" />
@@ -96,7 +96,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
               <div className="pt-2">
                 <button
                   onClick={() => setIsEnterprise(true)}
-                  className="w-full flex items-center justify-center gap-2 py-4 rounded-2xl border border-dashed border-slate-700 text-slate-500 hover:text-primary hover:border-primary/40 transition-all font-bold text-xs uppercase tracking-widest"
+                  className="w-full flex items-center justify-center gap-2 py-4 rounded-2xl border border-dashed border-slate-700 text-slate-500 hover:text-primary hover:border-primary/40 transition-all font-bold text-xs"
                 >
                   <Shield size={14} />
                   Enterprise Login
@@ -106,17 +106,17 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
           ) : isEnterprise ? (
             <div className="space-y-4 animate-in slide-in-from-right-4 duration-300">
                <div className="flex justify-between items-center px-1">
-                 <p className="text-[10px] font-black text-slate-500 uppercase tracking-widest">Enterprise Account</p>
+                 <p className="text-xs font-black text-slate-500">Enterprise Account</p>
                  <button 
                    onClick={() => setIsEnterprise(false)}
-                   className="text-[10px] font-black text-primary uppercase tracking-widest hover:underline"
+                   className="text-xs font-black text-primary hover:underline"
                  >
                    Back to profiles
                  </button>
                </div>
                
                <div className="space-y-2">
-                 <label className="text-[10px] font-black text-slate-500 uppercase tracking-widest px-1">Username</label>
+                 <label className="text-xs font-black text-slate-500 px-1">Username</label>
                  <div className="relative">
                    <User className="absolute left-4 top-1/2 -translate-y-1/2 text-slate-500" size={16} />
                    <input 
@@ -130,7 +130,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
                </div>
 
                <div className="space-y-2">
-                 <label className="text-[10px] font-black text-slate-500 uppercase tracking-widest px-1">Password</label>
+                 <label className="text-xs font-black text-slate-500 px-1">Password</label>
                  <div className="relative">
                    <Lock className="absolute left-4 top-1/2 -translate-y-1/2 text-slate-500" size={16} />
                    <input 
@@ -145,7 +145,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
                
                <button 
                  onClick={handleLogin}
-                 className="w-full bg-primary text-white font-black uppercase tracking-widest py-4 rounded-2xl shadow-xl shadow-primary/20 active:scale-95 transition-all"
+                 className="w-full bg-primary text-white font-black py-4 rounded-2xl shadow-xl shadow-primary/20 active:scale-95 transition-all"
                >
                  Sign In
                </button>
@@ -160,13 +160,13 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
                   <X size={16} className="text-slate-400" />
                 </button>
                 <div>
-                  <p className="text-xs font-bold text-slate-500 uppercase tracking-widest">Logging in as</p>
-                  <p className="text-white font-black tracking-tight">{selectedUserForLogin.username}</p>
+                  <p className="text-xs font-bold text-slate-500">Logging in as</p>
+                  <p className="text-white font-black">{selectedUserForLogin.username}</p>
                 </div>
               </div>
               
               <div className="space-y-2">
-                <label className="text-[10px] font-black text-slate-500 uppercase tracking-widest px-1">Password</label>
+                <label className="text-xs font-black text-slate-500 px-1">Password</label>
                 <div className="relative">
                   <Lock className="absolute left-4 top-1/2 -translate-y-1/2 text-slate-500" size={16} />
                    <input 
@@ -182,7 +182,7 @@ const IdentityCheckOverlay = memo(({ show, users, onAuthenticated }: IdentityChe
               
               <button 
                 onClick={handleLogin}
-                className="w-full bg-primary text-white font-black uppercase tracking-widest py-4 rounded-2xl shadow-xl shadow-primary/20 active:scale-95 transition-all"
+                className="w-full bg-primary text-white font-black py-4 rounded-2xl shadow-xl shadow-primary/20 active:scale-95 transition-all"
               >
                 Verify Identity
               </button>
diff --git a/frontend/components/Scanner.tsx b/frontend/components/Scanner.tsx
index fa748977..86523382 100644
--- a/frontend/components/Scanner.tsx
+++ b/frontend/components/Scanner.tsx
@@ -262,7 +262,7 @@ export default function Scanner({ onScanSuccess, onOCRMatch, paused }: ScannerPr
              <p className="text-sm font-bold text-center text-primary">Tap the correct text on the label</p>
              <button 
                onClick={() => { setIsSelecting(false); setCapturedImage(null); }}
-               className="w-full py-4 bg-slate-800 text-white rounded-2xl font-black text-xs uppercase tracking-widest"
+               className="w-full py-4 bg-slate-800 text-white rounded-2xl font-bold text-xs"
              >
                Cancel & Rescan
              </button>
@@ -318,7 +318,7 @@ export default function Scanner({ onScanSuccess, onOCRMatch, paused }: ScannerPr
             className="bg-slate-900/90 backdrop-blur-md border border-slate-700 text-white w-14 h-14 rounded-full flex flex-col items-center justify-center shadow-2xl active:scale-95 transition-transform"
           >
             <span className="text-xs font-black">{zoom.toFixed(1)}x</span>
-            <span className="text-[8px] uppercase text-primary font-bold">Zoom</span>
+            <span className="text-xs text-primary font-bold">Zoom</span>
           </button>
         )}
 
@@ -327,7 +327,7 @@ export default function Scanner({ onScanSuccess, onOCRMatch, paused }: ScannerPr
              onClick={handleOCR}
              disabled={ocrProcessing}
              className={cn(
-               "w-full py-4 rounded-2xl font-black text-xs uppercase tracking-[0.2em] flex items-center justify-center gap-3 shadow-2xl transition-all active:scale-95 border border-white/10",
+               "w-full py-4 rounded-2xl font-bold text-sm flex items-center justify-center gap-3 shadow-2xl transition-all active:scale-95 border border-white/10",
                ocrProcessing ? "bg-slate-800 text-slate-500" : "bg-primary text-white"
              )}
           >
@@ -336,7 +336,7 @@ export default function Scanner({ onScanSuccess, onOCRMatch, paused }: ScannerPr
           </button>
         ) : (
           <div className="bg-black/40 backdrop-blur-sm py-2 px-6 rounded-full border border-white/5">
-            <p className="text-[10px] text-center text-slate-300 uppercase tracking-widest font-black">
+            <p className="text-xs text-center text-slate-300 font-bold">
               Center barcode for auto-scan
             </p>
           </div>