diff --git a/webroot/js/app.js b/webroot/js/app.js
index e07e8896a..c47b4a441 100644
--- a/webroot/js/app.js
+++ b/webroot/js/app.js
@@ -3,7 +3,7 @@ import htm from 'https://unpkg.com/htm?module';
 const html = htm.bind(h);
 
 import { OwncastPlayer } from './components/player.js';
-import SocialIconsList from './components/socialIconsList.js';
+import SocialIconsList from './components/social-icons-list.js';
 import UsernameForm from './components/chat/username.js';
 import Chat from './components/chat/chat.js';
 import Websocket from './utils/websocket.js';
diff --git a/webroot/js/components/socialIconsList.js b/webroot/js/components/social-icons-list.js
similarity index 93%
rename from webroot/js/components/socialIconsList.js
rename to webroot/js/components/social-icons-list.js
index d86196703..55156dea8 100644
--- a/webroot/js/components/socialIconsList.js
+++ b/webroot/js/components/social-icons-list.js
@@ -1,5 +1,5 @@
-import { h, Component } from 'https://unpkg.com/preact?module';
-import htm from 'https://unpkg.com/htm?module';
+import { h, Component } from '/js/web_modules/preact.js';
+import htm from '/js/web_modules/htm.js';
 const html = htm.bind(h);
 
 import { SOCIAL_PLATFORMS } from '../utils/social.js';
@@ -60,4 +60,4 @@ export default function (props) {
     <span class="follow-label text-xs font-bold mr-2 uppercase">Follow me:</span>
     ${list}
   </ul>`;
-} 
\ No newline at end of file
+}