diff --git a/packages/geoview-core/src/core/components/common/layer-list-style.ts b/packages/geoview-core/src/core/components/common/layer-list-style.ts
index 6c79ba34975..850e1045a53 100644
--- a/packages/geoview-core/src/core/components/common/layer-list-style.ts
+++ b/packages/geoview-core/src/core/components/common/layer-list-style.ts
@@ -7,7 +7,7 @@ export const getSxClasses = (theme: Theme) => ({
     [theme.breakpoints.up('md')]: {
       paddingRight: '1rem',
     },
-    [theme.breakpoints.up('lg')]: {
+    [theme.breakpoints.up('xl')]: {
       paddingRight: '2rem',
     },
     '& .MuiListItemText-primary': {
diff --git a/packages/geoview-core/src/core/components/data-table/data-panel.tsx b/packages/geoview-core/src/core/components/data-table/data-panel.tsx
index 7ae0c9f1fa0..26bced17fd7 100644
--- a/packages/geoview-core/src/core/components/data-table/data-panel.tsx
+++ b/packages/geoview-core/src/core/components/data-table/data-panel.tsx
@@ -153,13 +153,15 @@ export function Datapanel({ layerData, mapId, projectionConfig, language }: Data
         <ResponsiveGrid.Left
           isLayersPanelVisible={isLayersPanelVisible}
           xs={isLayersPanelVisible ? 12 : 0}
-          md={!isEnlargeDataTable ? 4 : 1.25}
+          md={!isEnlargeDataTable ? 4 : 2}
+          lg={!isEnlargeDataTable ? 4 : 1.25}
         >
           {renderList()}
         </ResponsiveGrid.Left>
         <ResponsiveGrid.Right
           xs={!isLayersPanelVisible ? 12 : 0}
-          md={!isEnlargeDataTable ? 8 : 10.75}
+          md={!isEnlargeDataTable ? 8 : 10}
+          lg={!isEnlargeDataTable ? 8 : 10.75}
           isLayersPanelVisible={isLayersPanelVisible}
           sxProps={{ minHeight: '250px' }}
         >
diff --git a/packages/geoview-core/src/core/components/details/details-panel.tsx b/packages/geoview-core/src/core/components/details/details-panel.tsx
index e50858438f9..dc17aa6f5e3 100644
--- a/packages/geoview-core/src/core/components/details/details-panel.tsx
+++ b/packages/geoview-core/src/core/components/details/details-panel.tsx
@@ -221,13 +221,15 @@ export function Detailspanel({ mapId }: DetailsPanelProps): JSX.Element {
             <ResponsiveGrid.Left
               isLayersPanelVisible={isLayersPanelVisible}
               xs={isLayersPanelVisible ? 12 : 0}
-              md={!isEnlargeDataTable ? 4 : 1.25}
+              md={!isEnlargeDataTable ? 4 : 2}
+              lg={!isEnlargeDataTable ? 4 : 1.25}
             >
               {renderLayerList()}
             </ResponsiveGrid.Left>
             <ResponsiveGrid.Right
               xs={!isLayersPanelVisible ? 12 : 0}
-              md={!isEnlargeDataTable ? 8 : 10.75}
+              md={!isEnlargeDataTable ? 8 : 10}
+              lg={!isEnlargeDataTable ? 8 : 10.75}
               isLayersPanelVisible={isLayersPanelVisible}
             >
               <Box sx={sxClasses.rightPanleContainer}>
diff --git a/packages/geoview-core/src/core/components/time-slider/time-slider-panel.tsx b/packages/geoview-core/src/core/components/time-slider/time-slider-panel.tsx
index 50bf27de9f8..20b36a99ab7 100644
--- a/packages/geoview-core/src/core/components/time-slider/time-slider-panel.tsx
+++ b/packages/geoview-core/src/core/components/time-slider/time-slider-panel.tsx
@@ -81,13 +81,15 @@ export function TimeSliderPanel(props: TypeTimeSliderProps): JSX.Element {
         <ResponsiveGrid.Left
           isLayersPanelVisible={isLayersPanelVisible}
           xs={isLayersPanelVisible ? 12 : 0}
-          md={!isEnlargeDataTable ? 4 : 1.25}
+          md={!isEnlargeDataTable ? 4 : 2}
+          lg={!isEnlargeDataTable ? 4 : 1.25}
         >
           {renderLayerList()}
         </ResponsiveGrid.Left>
         <ResponsiveGrid.Right
           xs={!isLayersPanelVisible ? 12 : 0}
-          md={!isEnlargeDataTable ? 8 : 10.75}
+          md={!isEnlargeDataTable ? 8 : 10}
+          lg={!isEnlargeDataTable ? 8 : 10.75}
           isLayersPanelVisible={isLayersPanelVisible}
         >
           <TimeSlider mapId={mapId} layerPath={selectedLayer} sliderFilterProps={timeSliderData[selectedLayer]} key={selectedLayer} />