diff --git a/src/components/TwitchChat.vue b/src/components/TwitchChat.vue
index 8f3d9e3..784c4dc 100644
--- a/src/components/TwitchChat.vue
+++ b/src/components/TwitchChat.vue
@@ -83,7 +83,7 @@ export default {
 }
 </script>
 <template>
-  <div v-if="isLive" class="p-3 bg-ctp-crust rounded-lg w-[99vw] md:max-w-[15.625rem] flex flex-col">
+  <div v-if="isLive" class="p-3 bg-ctp-crust rounded-lg w-[99vw] md:max-w-[15.625rem] lg:max-w-[20rem] flex flex-col">
     
     <!-- SYSTEM MESSAGES -->
     <ul
diff --git a/src/views/UserView.vue b/src/views/UserView.vue
index ce7048a..987256c 100644
--- a/src/views/UserView.vue
+++ b/src/views/UserView.vue
@@ -87,7 +87,7 @@ export default {
     class="w-full justify-center md:inline-flex space-y-4 md:space-y-0 md:space-x-4 md:p-4"
   >
     <div
-      class="flex bg-ctp-crust flex-col p-6 rounded-lg w-[99vw] md:max-w-prose md:min-w-[65ch] text-white"
+      class="flex bg-ctp-crust flex-col p-6 rounded-lg w-[99vw] md:max-w-prose md:min-w-[65ch]  lg:max-w-[70rem] text-white"
     >
       <div v-if="data.isLive" class="w-full mx-auto rounded-lg mb-5">
         <video-player :options="videoOptions"> </video-player>