diff --git a/css/rt-dmview-css-min.css b/css/rt-dmview-css-min.css
index fe391bb..29d340a 100644
--- a/css/rt-dmview-css-min.css
+++ b/css/rt-dmview-css-min.css
@@ -188,17 +188,6 @@ label::before {
     box-shadow: 0 0 0 4px var(--color_theme_focus);
 }
 
-/* Active state enhancements */
-/*.nav-pills .nav-link.active:hover {
-    background-color: #c82333;           /* Darker red for hover */
-/*}
-
-/* Additional styles to maintain visual hierarchy */
-.content-scroll {
-    border: 1px solid var(--color_theme_border);
-    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
-}
-
 /* Ensure proper spacing for tab container */
 .tab-container {
     margin-top: 2rem;
@@ -207,4 +196,27 @@ label::before {
 .nav-pills {
     margin-bottom: 1rem;
     gap: 0.5rem;                         /* Consistent spacing between tabs */
+}
+
+.tab-content {
+    height: 40vh; /* 40% of viewport height */
+}
+
+.tab-pane {
+    height: 100%; /* Make all tab panes same height */
+    overflow-y: auto; /* Add scrolling if content overflows */
+}
+
+.content-scroll {
+    height: 100%; /* Ensure content fills tab pane */
+}
+
+.media-container {
+    height: 100%; /* Make media container fill tab pane */
+}
+.content-scroll {
+    background-color: var(--color_theme_surface);
+    height: 100%;
+    overflow-y: auto;
+    padding: 1rem;
 }
\ No newline at end of file