diff --git a/CHANGELOG.md b/CHANGELOG.md
index 33dfc00d6..0b143073e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,11 +1,18 @@
 # CHANGELOG
 
+## v2.0.0-beta.0
+
+### Breaking changes
+
+Adds new font 'Messina', used as font-family class `font-messina`
+Removes old font 'Larsseit'
+
 ## 1.0.0-beta.65
 
 ### Features
 
-Remove strikethru line from disabled `MegaButton`
-Add image opacity to disabled `MegaButton`
+Remove strikethrough line from disabled `MegaButton`
+Add reduced image opacity to disabled `MegaButton`
 
 ## 1.0.0-beta.64
 
diff --git a/package-lock.json b/package-lock.json
index 84b6cdaa9..70e6c2314 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@lob/ui-components",
-  "version": "1.0.0-beta.65",
+  "version": "2.0.0-beta.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@lob/ui-components",
-      "version": "1.0.0-beta.65",
+      "version": "2.0.0-beta.0",
       "dependencies": {
         "date-fns": "^2.29.3",
         "date-fns-holiday-us": "^0.3.1",
@@ -41,7 +41,7 @@
         "sass-loader": "^10.1.1",
         "stylelint": "^13.13.1",
         "stylelint-config-standard": "^22.0.0",
-        "tailwind-plugin-lob": "^0.0.42",
+        "tailwind-plugin-lob": "^1.0.0",
         "tailwindcss": "^3.0.24",
         "typescript": "~3.9.3",
         "vite": "^3.1.4",
@@ -20525,9 +20525,9 @@
       "dev": true
     },
     "node_modules/tailwind-plugin-lob": {
-      "version": "0.0.42",
-      "resolved": "https://registry.npmjs.org/tailwind-plugin-lob/-/tailwind-plugin-lob-0.0.42.tgz",
-      "integrity": "sha512-yMJ9A95mA96InBPuDvgKT7NIR5nI/Rb4M4JpfRwlBcCCk1p8srz1udAbsZswH8lGr0opqFZnk+oXQB6M1Pno/Q==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/tailwind-plugin-lob/-/tailwind-plugin-lob-1.0.0.tgz",
+      "integrity": "sha512-P0uCa80SBAJghMtq90U4VzHA5HFUvfmO5IW6jlt3aCuqOYAP1vNWECEhr9gbrk9NZ8x1Ezrby3ogkoevxg+5GA==",
       "dev": true,
       "engines": {
         "node": ">=14.18.2"
@@ -39352,9 +39352,9 @@
       }
     },
     "tailwind-plugin-lob": {
-      "version": "0.0.42",
-      "resolved": "https://registry.npmjs.org/tailwind-plugin-lob/-/tailwind-plugin-lob-0.0.42.tgz",
-      "integrity": "sha512-yMJ9A95mA96InBPuDvgKT7NIR5nI/Rb4M4JpfRwlBcCCk1p8srz1udAbsZswH8lGr0opqFZnk+oXQB6M1Pno/Q==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/tailwind-plugin-lob/-/tailwind-plugin-lob-1.0.0.tgz",
+      "integrity": "sha512-P0uCa80SBAJghMtq90U4VzHA5HFUvfmO5IW6jlt3aCuqOYAP1vNWECEhr9gbrk9NZ8x1Ezrby3ogkoevxg+5GA==",
       "dev": true
     },
     "tailwindcss": {
diff --git a/package.json b/package.json
index fd153bc82..9f9030574 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lob/ui-components",
-  "version": "1.0.0-beta.65",
+  "version": "2.0.0-beta.0",
   "engines": {
     "node": ">=14.18.2",
     "npm": ">=8.3.0"
@@ -64,7 +64,7 @@
     "sass-loader": "^10.1.1",
     "stylelint": "^13.13.1",
     "stylelint-config-standard": "^22.0.0",
-    "tailwind-plugin-lob": "^0.0.42",
+    "tailwind-plugin-lob": "^1.0.0",
     "tailwindcss": "^3.0.24",
     "typescript": "~3.9.3",
     "vite": "^3.1.4",
diff --git a/src/assets/styles/fonts.scss b/src/assets/styles/fonts.scss
index 4c5b4a94b..bc7c1c331 100644
--- a/src/assets/styles/fonts.scss
+++ b/src/assets/styles/fonts.scss
@@ -1,85 +1,99 @@
 $lob-assets-url: 'https://s3-us-west-2.amazonaws.com/public.lob.com';
 
-/* Larsseit */
+/* Messina */
 
 @font-face {
-  font-family: Larsseit;
-  src: url('#{$lob-assets-url}/fonts/larsseit/larsseit-regular.otf') format('opentype');
+  font-family: Messina;
+  font-style: normal;
+  font-weight: 300;
+  src: url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-Light.woff2') format('woff2'),
+    url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-Light.woff') format('woff');
 }
 
 @font-face {
-  font-family: Larsseit;
+  font-family: Messina;
   font-style: italic;
-  src: url('#{$lob-assets-url}/fonts/larsseit/larsseit-italic.otf') format('opentype');
+  font-weight: 300;
+  src: url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-LightItalic.woff2') format('woff2'),
+    url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-LightItalic.woff') format('woff');
 }
 
 @font-face {
-  font-family: Larsseit;
-  font-weight: 100;
-  src: url('#{$lob-assets-url}/fonts/larsseit/larsseit-thin.otf') format('opentype');
+  font-family: Messina;
+  font-style: normal;
+  font-weight: 400;
+  src: url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-Book.woff2') format('woff2'),
+    url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-Book.woff') format('woff');
 }
 
 @font-face {
-  font-family: Larsseit;
+  font-family: Messina;
   font-style: italic;
-  font-weight: 100;
-  src: url('#{$lob-assets-url}/fonts/larsseit/larsseit-thin-italic.otf') format('opentype');
+  font-weight: 400;
+  src: url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-BookItalic.woff2') format('woff2'),
+    url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-BookItalic.woff') format('woff');
 }
 
 @font-face {
-  font-family: Larsseit;
-  font-weight: 300;
-  src: url('#{$lob-assets-url}/fonts/larsseit/larsseit-light.otf') format('opentype');
+  font-family: Messina;
+  font-style: normal;
+  font-weight: 500;
+  src: url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-Regular.woff2') format('woff2'),
+    url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-Regular.woff') format('woff');
 }
-
+    
 @font-face {
-  font-family: Larsseit;
+  font-family: Messina;
   font-style: italic;
-  font-weight: 300;
-  src: url('#{$lob-assets-url}/fonts/larsseit/larsseit-light-italic.otf') format('opentype');
-}
-
-@font-face {
-  font-family: Larsseit;
-  font-weight: 400;
-  src: url('#{$lob-assets-url}/fonts/larsseit/larsseit-regular.otf') format('opentype');
+  font-weight: 500;
+  src: url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-RegularItalic.woff2') format('woff2'),
+    url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-RegularItalic.woff') format('woff');
 }
 
 @font-face {
-  font-family: Larsseit;
-  font-weight: 500;
-  src: url('#{$lob-assets-url}/fonts/larsseit/larsseit-medium.otf') format('opentype');
+  font-family: Messina;
+  font-style: normal;
+  font-weight: 600;
+  src: url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-SemiBold.woff2') format('woff2'),
+    url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-SemiBold.woff') format('woff');
 }
 
 @font-face {
-  font-family: Larsseit;
+  font-family: Messina;
   font-style: italic;
-  font-weight: 500;
-  src: url('#{$lob-assets-url}/fonts/larsseit/larsseit-medium-italic.otf') format('opentype');
+  font-weight: 600;
+  src: url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-SemiBoldItalic.woff2') format('woff2'),
+    url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-SemiBoldItalic.woff') format('woff');
 }
 
 @font-face {
-  font-family: Larsseit;
-  font-weight: bold;
-  src: url('#{$lob-assets-url}/fonts/larsseit/larsseit-bold.otf') format('opentype');
+  font-family: Messina;
+  font-style: normal;
+  font-weight: 700;
+  src: url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-Bold.woff2') format('woff2'),
+  url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-Bold.woff') format('woff');
 }
 
 @font-face {
-  font-family: Larsseit;
+  font-family: Messina;
   font-style: italic;
-  font-weight: bold;
-  src: url('#{$lob-assets-url}/fonts/larsseit/larsseit-bold-italic.otf') format('opentype');
+  font-weight: 700;
+  src: url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-BoldItalic.woff2') format('woff2'),
+    url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-BoldItalic.woff') format('woff');
 }
 
 @font-face {
-  font-family: Larsseit;
+  font-family: Messina;
+  font-style: normal;
   font-weight: 800;
-  src: url('#{$lob-assets-url}/fonts/larsseit/larsseit-extrabold.otf') format('opentype');
+  src: url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-Black.woff2') format('woff2'),
+    url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-Black.woff') format('woff');
 }
 
 @font-face {
-  font-family: Larsseit;
+  font-family: Messina;
   font-style: italic;
   font-weight: 800;
-  src: url('#{$lob-assets-url}/fonts/larsseit/larsseit-extrabold-italic.otf') format('opentype');
+  src: url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-BlackItalic.woff2') format('woff2'),
+    url('#{$lob-assets-url}/fonts/messina/MessinaSansWeb-BlackItalic.woff') format('woff');
 }
diff --git a/src/assets/styles/main.scss b/src/assets/styles/main.scss
index 16884b9c7..f48e857d0 100644
--- a/src/assets/styles/main.scss
+++ b/src/assets/styles/main.scss
@@ -14,7 +14,7 @@
   html,
   body {
     font-size: 16px;
-    @apply font-sans;
+    @apply font-messina;
     @apply text-black;
   }
 
diff --git a/tailwind.config.js b/tailwind.config.js
index e18a47425..2e2cb79ca 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -6,6 +6,11 @@ module.exports = {
     { pattern: /text-(black|warning|error|success|lavender|chili|papaya)/ },
     { pattern: /text-(primary|secondary|lemon|turquoise|flint|mint|coral|gray|white)-(100|200|300|500|700|900)/ }
   ],
+  theme: {
+    fontFamily: {
+      messina: ['Messina', 'sans-serif']
+    }
+  },
   plugins: [
     require('tailwind-plugin-lob'),
     plugin(function ({ matchUtilities, theme }) {