diff --git a/ui/src/app/applications/components/application-deployment-history/application-deployment-history-details.tsx b/ui/src/app/applications/components/application-deployment-history/application-deployment-history-details.tsx
index 78b5cb7cea91a..2b25eaead14e4 100644
--- a/ui/src/app/applications/components/application-deployment-history/application-deployment-history-details.tsx
+++ b/ui/src/app/applications/components/application-deployment-history/application-deployment-history-details.tsx
@@ -41,8 +41,8 @@ export const ApplicationDeploymentHistoryDetails = ({app, info, index}: props) =
         return (
             <div
                 id={i ? `'hide-parameters-'${i}` : 'hide-parameters'}
-                key={i ? `'hide-parameters-'${i}` : 'hide-parameters2'}
-                className='settings-overview__redirect-panel collapsed-section'
+                key={i ? `'hide-parameters-'${i}` : 'hide-parameters'}
+                className='settings-overview__redirect-panel collapsible-section'
                 onClick={() => {
                     setShowParameterDetails(!showParameterDetails);
                     updateMap(i);
@@ -104,7 +104,7 @@ export const ApplicationDeploymentHistoryDetails = ({app, info, index}: props) =
                     />
 
                     {showParameterDetails ? (
-                        <div id={`'history-expanded'`} key={`'history-expanded'`} className={classNames('white-box', 'expanded-section')}>
+                        <div id={`'history-expanded'`} key={`'history-expanded'`} className={classNames('white-box', 'collapsible-section')}>
                             {getExpandedSection()}
                             <DataLoader
                                 errorRenderer={err => {
@@ -155,8 +155,8 @@ export const ApplicationDeploymentHistoryDetails = ({app, info, index}: props) =
                             versionId={recentDeployments[index].id}
                         />
                         {showSourceDetails.includes(i) ? (
-                            <div id={`'history-expanded-'${i}`} key={`'history-expanded-'${i}`} className={classNames('white-box', 'expanded-section')}>
-                                <div id={`'history-expanded-'${i}`} key={`'history-expanded-'${i}`} className='white-box__details' style={{marginBottom: '0px'}}>
+                            <div id={`'history-expanded-'${i}`} key={`'history-expanded-'${i}`} className={classNames('white-box', 'collapsible-section')}>
+                                <div id={`'history-expanded-'${i}`} key={`'history-expanded-'${i}`} className='white-box__details'>
                                     {getExpandedSection(i)}
                                     <DataLoader
                                         errorRenderer={err => {
diff --git a/ui/src/app/applications/components/application-deployment-history/application-deployment-history.scss b/ui/src/app/applications/components/application-deployment-history/application-deployment-history.scss
index 65f19a0c23497..3ec76c569d229 100644
--- a/ui/src/app/applications/components/application-deployment-history/application-deployment-history.scss
+++ b/ui/src/app/applications/components/application-deployment-history/application-deployment-history.scss
@@ -46,7 +46,7 @@
         margin-left: -1em;
     }
 
-    .collapsed-section {
+    .collapsible-section {
         margin-top: 20px;
         padding: 20px;
         border: 1px solid;
@@ -58,18 +58,6 @@
         }
     }
 
-    .expanded-section {
-        margin-top: 20px;
-        padding: 20px;
-        border: 2px solid;
-        box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
-        border-radius: '4px';
-        @include themify($themes) {
-            border-color: themed('border');
-            box-shadow: themed('shadow');
-        }
-    }
-
     .separator {
         height: 2px;
         margin: 1em 0;