diff --git a/src/break.jsx b/src/break.jsx
index 13cea04..e80d7d9 100644
--- a/src/break.jsx
+++ b/src/break.jsx
@@ -1,6 +1,6 @@
 import render from "./render"
 import background from "./background.png"
-import { animateText, logo, measureText, useAnimatedTextMap } from "./utils.js"
+import { animateText, measureText, useAnimatedTextMap } from "./utils.js"
 import {
   useCurrentBlock,
   useCurrentBreakScreen,
@@ -14,6 +14,7 @@ import {
 import { useRef, useEffect, useState } from "preact/hooks"
 import anime from "animejs"
 import { forwardRef } from "preact/compat"
+import logo from "./logo.png"
 
 function App() {
   const [breakScreen] = useCurrentBreakScreen()
@@ -278,9 +279,7 @@ const RosterList = ({ roster, row = "flex-row" }) => (
   <>
     {roster.map((data) => (
       <div class={`flex items-center justify-between gap-6 ${row}`}>
-        <p class="truncate">
-          {data.splashtag.split("#")[0]}
-        </p>
+        <p class="truncate">{data.splashtag.split("#")[0]}</p>
         <div class="flex items-center shrink-0">
           {data.weapons.map((w) => {
             console.log(w)
diff --git a/src/logo.png b/src/logo.png
new file mode 100644
index 0000000..c810b3f
Binary files /dev/null and b/src/logo.png differ
diff --git a/src/utils.js b/src/utils.js
index dae0342..de20f0f 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -7,8 +7,6 @@ import { useEffect } from "preact/hooks"
  * When adding new maps, please refer to it.
  */
 
-export const logo = "https://assets.otd.ink/idtga/logo-nobg.svg"
-
 export const animateText = (targets, stageA, add) => {
   let tl = anime
     .timeline({