diff --git a/src/App.css b/src/App.css
index 1ce6bb5..004e52f 100644
--- a/src/App.css
+++ b/src/App.css
@@ -134,6 +134,7 @@ button{
   flex-direction: row;
   flex-wrap: nowrap;
   position: relative;
+  height: 30%;
 }
 
 .sp-mixer-buttons-backdrop {
@@ -150,3 +151,12 @@ button{
   border: 1px solid black;
   z-index: 100;
 }
+
+.mediaButtons {
+  height: 50%;
+  overflow: hidden;
+}
+
+.player{
+  height: 20%;
+}
\ No newline at end of file
diff --git a/src/App.tsx b/src/App.tsx
index 343db4a..b383143 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -34,7 +34,7 @@ const App: React.FC = () => {
   } else {
     return (
       <div style={{marginLeft:"1.5%"}}>
-        <h1>Welcome to showplanner2</h1>
+        <h1>Welcome to BAPS3</h1>
         <input
           type="text"
           placeholder="enter a timeslot id"
diff --git a/src/showplanner/index.tsx b/src/showplanner/index.tsx
index 2208850..7244bae 100644
--- a/src/showplanner/index.tsx
+++ b/src/showplanner/index.tsx
@@ -330,7 +330,7 @@ const Showplanner: React.FC<{ timeslotId: number }> = function({ timeslotId }) {
   return (
     <div className="sp-container">
       <div style={{ height: "10%" }}>
-        <h1>baps3 ayy lmao</h1>
+        <h1>WebStudio</h1>
         <img
           src="https://ury.org.uk/images/logo.png"
           style={{ height: "6%", right: "2%", position: "absolute", top: "2%" }}