diff --git a/client/src/css/Media.css b/client/src/css/Media.css
index 512bc69..48e34b8 100644
--- a/client/src/css/Media.css
+++ b/client/src/css/Media.css
@@ -29,7 +29,6 @@
 
 .clip-listing:hover {
     background-color: #7e7e7e;
-    cursor: pointer;
 }
 
 .listing-element {
diff --git a/client/src/css/Panel.css b/client/src/css/Panel.css
index 77756bc..174d654 100644
--- a/client/src/css/Panel.css
+++ b/client/src/css/Panel.css
@@ -35,4 +35,30 @@
     border: solid 1px rgb(255, 139, 139);
     height: 3vh;
     font-weight: 800;
+}
+
+.listing-element {
+    flex: 1;
+    margin-left: 1vw;
+    margin-right: 1vw;
+    white-space: nowrap;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+#title {
+    max-width: 25%;
+}
+
+#filename {
+    max-width: 65%;
+}
+
+#duration {
+    max-width: 10%;
+}
+
+#delete-btn {
+    max-width: 10%;
 }
\ No newline at end of file
diff --git a/client/src/css/Structures.css b/client/src/css/Structures.css
index 7f0ef7b..1acf865 100644
--- a/client/src/css/Structures.css
+++ b/client/src/css/Structures.css
@@ -20,7 +20,6 @@
 .dropdown-item {
     display: flex;
     flex-direction: row;
-    cursor: pointer;
     padding-top: 1px;
     padding-bottom: 1px;
     width: inherit;
diff --git a/client/src/css/index.css b/client/src/css/index.css
index e5fc1c3..64f3356 100644
--- a/client/src/css/index.css
+++ b/client/src/css/index.css
@@ -74,9 +74,8 @@ code {
   box-shadow: 5px 5px 5px rgb(68,68,68);
 }
 
-iframe {
-  margin: auto;
-  margin-top: 10px;
+.clickable {
+  cursor: pointer;
 }
 
 a {