diff --git a/public/css/app.css b/public/css/app.css
index f6945a688..d55f426b6 100644
Binary files a/public/css/app.css and b/public/css/app.css differ
diff --git a/public/css/appdark.css b/public/css/appdark.css
index 5571d20a0..0f4db0e78 100644
Binary files a/public/css/appdark.css and b/public/css/appdark.css differ
diff --git a/public/css/landing.css b/public/css/landing.css
index 65c3f6473..ae0ed9b55 100644
Binary files a/public/css/landing.css and b/public/css/landing.css differ
diff --git a/public/js/profile.js b/public/js/profile.js
index 7a11557ab..4d010790e 100644
Binary files a/public/js/profile.js and b/public/js/profile.js differ
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 7bb64af09..d33cdac35 100644
Binary files a/public/mix-manifest.json and b/public/mix-manifest.json differ
diff --git a/resources/assets/js/components/Profile.vue b/resources/assets/js/components/Profile.vue
index dcd53c394..be2884baf 100644
--- a/resources/assets/js/components/Profile.vue
+++ b/resources/assets/js/components/Profile.vue
@@ -358,7 +358,7 @@
 					<div class="card-columns" v-if="mode == 'grid'">
 						<div class="p-sm-2 p-md-3" v-for="(s, index) in timeline">
 							<a class="card info-overlay card-md-border-0" :href="s.url">
-								<img :src="previewUrl(s)" class="img-fluid">
+								<img :src="previewUrl(s)" class="img-fluid w-100">
 							</a>
 						</div>
 					</div>
diff --git a/resources/assets/sass/custom.scss b/resources/assets/sass/custom.scss
index 6b447ad1f..1d34aa30b 100644
--- a/resources/assets/sass/custom.scss
+++ b/resources/assets/sass/custom.scss
@@ -124,6 +124,14 @@ body, button, input, textarea {
 
 .info-overlay:hover .info-overlay-text {
     display: flex;
+    h5 {
+        display: flex;
+        flex-flow: column;
+        justify-content: center;
+        align-items: center;
+        width: 100%;
+        height: 100%;
+    }
 }
 
 .info-overlay-text {
@@ -503,6 +511,10 @@ details summary::-webkit-details-marker {
     box-sizing: content-box;
 }
 
+.media-drawer-filters img {
+    object-fit: contain;
+}
+
 .reply-container {
     .post-thumbnail {
         object-fit: cover;
@@ -540,3 +552,7 @@ details summary::-webkit-details-marker {
 .tooltip-notification .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
     border-top-color: #dc3545; 
 }
+
+.carousel-control-prev-icon, .carousel-control-next-icon {
+    filter: drop-shadow(0px 0px 1px black);
+}