diff --git a/public/assets/css/general.css b/public/assets/css/general.css
index 7b4f2af4..fcf621d7 100644
--- a/public/assets/css/general.css
+++ b/public/assets/css/general.css
@@ -542,10 +542,6 @@ table {
/* show */
-.asset {
- max-width: 100%;
-}
-
#video {
cursor: pointer;
background-color: #ffffff;
@@ -556,15 +552,19 @@ table {
}
/* show lite */
-#show-lite-container {
+.show-lite-container {
text-align: center;
}
-#show-lite-container #asset-display-component {
+.show-lite-container #asset-display-component {
max-height: calc(100vh - 3em);
}
-#show-lite-container #asset-display-component .asset {
+.show-details-container #asset-display-component .asset {
+ width: 100%
+}
+
+.show-lite-container #asset-display-component .asset {
max-height: calc(100vh - 3em);
max-width: 100vw;
}
diff --git a/react/components/ShowAssetDetails/view.jsx b/react/components/ShowAssetDetails/view.jsx
index 25f8a4e2..991f1243 100644
--- a/react/components/ShowAssetDetails/view.jsx
+++ b/react/components/ShowAssetDetails/view.jsx
@@ -20,7 +20,7 @@ class ShowAssetDetails extends React.Component {