diff --git a/ui-web/sdk/src/iframeCss.ts b/ui-web/sdk/src/iframeCss.ts
deleted file mode 100644
index 62a1ee4..0000000
--- a/ui-web/sdk/src/iframeCss.ts
+++ /dev/null
@@ -1,215 +0,0 @@
-export const CSSString = `
-.modal__overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.5);
-    display: flex;
-    justify-content: center;
-    align-items: center
-  }
-
-  .modal__header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center
-  }
-
-  .modal__title {
-    margin-top: 0;
-    margin-bottom: 0;
-    font-weight: 600;
-    font-size: 1.25rem;
-    line-height: 1.25;
-    color: #00449e;
-    box-sizing: border-box
-  }
-
-  .modal__close {
-    background: transparent;
-    border: 0
-  }
-
-  .modal__header .modal__close:before {
-    content: "✕"
-  }
-
-  .modal__content {
-    margin-top: 2rem;
-    margin-bottom: 2rem;
-    line-height: 1.5;
-    color: #000c
-  }
-
-  .modal__btn {
-    font-size: .875rem;
-    padding: .5rem 1rem;
-    background-color: #e6e6e6;
-    color: #000c;
-    border-radius: .25rem;
-    border-style: none;
-    border-width: 0;
-    cursor: pointer;
-    -webkit-appearance: button;
-    text-transform: none;
-    overflow: visible;
-    line-height: 1.15;
-    margin: 0;
-    will-change: transform;
-    -moz-osx-font-smoothing: grayscale;
-    backface-visibility: hidden;
-    transform: translateZ(0);
-    transition: transform .25s ease-out
-  }
-
-  .modal__btn:focus,
-  .modal__btn:hover {
-    transform: scale(1.05)
-  }
-
-  .modal__btn-primary {
-    background-color: #00449e;
-    color: #fff
-  }
-
-  @keyframes mmfadeIn {
-    0% {
-      opacity: 0
-    }
-
-    to {
-      opacity: 1
-    }
-  }
-
-  @keyframes mmfadeOut {
-    0% {
-      opacity: 1
-    }
-
-    to {
-      opacity: 0
-    }
-  }
-
-  @keyframes mmslideIn {
-    0% {
-      transform: translateY(15%)
-    }
-
-    to {
-      transform: translateY(0)
-    }
-  }
-
-  @keyframes mmslideOut {
-    0% {
-      transform: translateY(0)
-    }
-
-    to {
-      transform: translateY(-10%)
-    }
-  }
-
-  .micromodal-slide {
-    display: none
-  }
-
-  .micromodal-slide.is-open {
-    display: block
-  }
-
-  .micromodal-slide[aria-hidden=false] .modal__overlay {
-    animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1)
-  }
-
-  .micromodal-slide[aria-hidden=false] .modal__container {
-    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1)
-  }
-
-  .micromodal-slide[aria-hidden=true] .modal__overlay {
-    animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1)
-  }
-
-  .micromodal-slide[aria-hidden=true] .modal__container {
-    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1)
-  }
-
-  .micromodal-slide .modal__container,
-  .micromodal-slide .modal__overlay {
-    will-change: transform
-  }
-
-
-  .fixed {
-    position: fixed
-  }
-
-  .inset-0 {
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0
-  }
-
-
-  .flex {
-    display: flex
-  }
-
-
-  .h-\[600px\] {
-    height: 600px
-  }
-
-  .h-full {
-    height: 100%
-  }
-
-
-  .min-h-\[600px\] {
-    min-height: 600px
-  }
-
-  .place-content-center {
-    place-content: center
-  }
-
-  .items-center {
-    align-items: center
-  }
-
-  .justify-center {
-    justify-content: center
-  }
-
-  .bg-transparent {
-    background-color: transparent
-  }
-
-
-  .w-full {
-    width: 100%
-  }
-
-  .lock-bg {
-    overflow-y: hidden;
-    overflow-x: hidden;
-  }
-
-  .h-600px {
-    height: 600px;
-  }
-
-  .w-400px {
-    width: 400px;
-  }
-
-  #trinsic-ui iframe {
-    border: 0;
-  }
-
-  `;
diff --git a/ui-web/sdk/src/index.ts b/ui-web/sdk/src/index.ts
index d2fbf48..26bff0b 100644
--- a/ui-web/sdk/src/index.ts
+++ b/ui-web/sdk/src/index.ts
@@ -1,6 +1,5 @@
 import { detectUserAgents } from "./detectUserAgents";
 import MicroModal from "micromodal";
-import { CSSString } from "./iframeCss";
 
 export interface TrinsicSessionResult {
   success: boolean;
@@ -15,10 +14,11 @@ export async function launchIframe(
   launchUrl: string
 ): Promise<TrinsicSessionResult> {
   launchUrl += "&embed=iframe";
-  const style = document.createElement("style");
-  style.id = "trinsic-ui-style";
-  style.textContent = CSSString;
-  document.head.appendChild(style);
+  const cssLink = document.createElement("link");
+  cssLink.href = "https://content.trinsic.id/connect/assets/widget-iframe.css";
+  cssLink.rel = "stylesheet";
+
+  document.head.appendChild(cssLink);
 
   if (!launchUrl) {
     throw new Error(
@@ -73,7 +73,7 @@ export async function launchPopup(
   }
 
   const launchUrl = await getLaunchUrl();
-  if(!launchUrl) {
+  if (!launchUrl) {
     throw new Error("Invalid launch URL " + launchUrl);
   }
 
diff --git a/versions.json b/versions.json
index 5f1aecc..c734ac7 100644
--- a/versions.json
+++ b/versions.json
@@ -12,5 +12,5 @@
   "flutterUIVersion": "1.0.0",
   "expoUIVersion": "1.0.0",
   "reactNativeUIVersion": "1.0.0",
-  "webUIVersion": "1.2.12"
+  "webUIVersion": "2.0.0"
 }