diff --git a/packages/geoview-core/src/core/components/common/close-button.tsx b/packages/geoview-core/src/core/components/common/close-button.tsx
index 5cca3bfb3da..7e6050ba496 100644
--- a/packages/geoview-core/src/core/components/common/close-button.tsx
+++ b/packages/geoview-core/src/core/components/common/close-button.tsx
@@ -30,6 +30,7 @@ export function CloseButton({ isLayersPanelVisible, onSetIsLayersPanelVisible, f
       sx={{
         ...sxClasses.enlargeBtn,
         marginLeft: '1rem',
+        ...(fullWidth ? sxClasses.appBarEnlargeBtn : sxClasses.footerBarEnlargeButton),
         ...(fullWidth && { display: !isLayersPanelVisible ? 'none' : 'block' }),
         ...(!fullWidth && {
           [theme.breakpoints.up('md')]: { display: 'none' },
diff --git a/packages/geoview-core/src/core/components/common/enlarge-button-style.tsx b/packages/geoview-core/src/core/components/common/enlarge-button-style.tsx
index 384063e01a3..d067fdca477 100644
--- a/packages/geoview-core/src/core/components/common/enlarge-button-style.tsx
+++ b/packages/geoview-core/src/core/components/common/enlarge-button-style.tsx
@@ -2,8 +2,8 @@ import { Theme } from '@mui/material';
 
 export const getSxClasses = (theme: Theme) => ({
   enlargeBtn: {
-    width: '7rem !important',
-    height: '2.5rem !important',
+    height: '2rem !important',
+    lineHeight: 1,
     borderRadius: '1.5rem',
     boxShadow: `0px 3px 6px ${theme.palette.geoViewColor.bgColor.dark[600]}`,
     marginTop: '0.25rem',
@@ -23,7 +23,13 @@ export const getSxClasses = (theme: Theme) => ({
         color: `${theme.palette.geoViewColor.white} !important`,
       },
     },
-    [theme.breakpoints.down('md')]: { display: 'none' },
+  },
+  footerBarEnlargeButton: {
+    width: '7rem !important',
+  },
+  appBarEnlargeBtn: {
+    width: '5rem !important',
+    padding: '8px !important',
   },
   enlargeBtnIcon: {
     color: theme.palette.geoViewColor.primary.main,
diff --git a/packages/geoview-core/src/core/components/common/layer-title.tsx b/packages/geoview-core/src/core/components/common/layer-title.tsx
index a63952ee030..900f5a06793 100644
--- a/packages/geoview-core/src/core/components/common/layer-title.tsx
+++ b/packages/geoview-core/src/core/components/common/layer-title.tsx
@@ -20,7 +20,7 @@ export function LayerTitle({ children, hideTitle, fullWidth }: LayerTitleProp) {
   return (
     <Typography
       sx={{
-        fontSize: theme.palette.geoViewFontSize.lg,
+        fontSize: fullWidth ? theme.palette.geoViewFontSize.sm : theme.palette.geoViewFontSize.lg,
         fontWeight: '600',
         marginTop: '12px',
         ...(!fullWidth && { [theme.breakpoints.up('md')]: { display: hideTitle ? 'none' : 'block' } }),
diff --git a/packages/geoview-core/src/core/components/common/layout.tsx b/packages/geoview-core/src/core/components/common/layout.tsx
index 676b97c3b84..c99b4218984 100644
--- a/packages/geoview-core/src/core/components/common/layout.tsx
+++ b/packages/geoview-core/src/core/components/common/layout.tsx
@@ -41,6 +41,7 @@ export function Layout({ children, layerList, selectedLayerPath, onLayerListClic
   const handleLayerChange = useCallback(
     (layer: LayerListEntry): void => {
       onLayerListClicked?.(layer);
+      console.log('change is firing..');
       // Show the panel (hiding the layers list in the process if we're on mobile)
       setIsLayersPanelVisible(true);
     },
@@ -83,7 +84,7 @@ export function Layout({ children, layerList, selectedLayerPath, onLayerListClic
   // // If we're on mobile
   // if (theme.breakpoints.down('md')) {
   //   // If there are no layers and not already showing the right-side panel
-  //   if (!layerList.length && !isLayersPanelVisible) {
+  //   if (!layerList.length && !isLayersPanelVisible && !fullWidth) {
   //     setIsLayersPanelVisible(true);
   //   }
   // }