diff --git a/examples/components.py b/examples/components.py
index 3fd13f6c..592ba512 100644
--- a/examples/components.py
+++ b/examples/components.py
@@ -20,6 +20,7 @@
 font_size = IntInput(value=14, name='Font Size', step=1, start=2, end=100, sizing_mode='stretch_width')
 
 busy = Button(label='Busy', on_click=lambda e: time.sleep(2))
+loading_switch = Switch(name='Loading')
 
 theme_config = {
     "light": {
@@ -99,14 +100,14 @@ def show_variants(component, variants=None, **kwargs):
     )
 
 
-def render_spec(spec, depth=0, label='main'):
+def render_spec(spec, depth=0, label='main', loading=False):
     if isinstance(spec, dict):
         tabs = Tabs(*(
-            (title, render_spec(subspec, depth+1, label=title)) for title, subspec in spec.items()
+            (title, render_spec(subspec, depth+1, label=title, loading=loading)) for title, subspec in spec.items()
         ), sizing_mode='stretch_width')
     else:
         tabs = Tabs(*(
-            pn.param.ParamFunction(pn.bind(show_variants, component, variants=varss, **kwargs), lazy=True, name=component.name)
+            pn.param.ParamFunction(pn.bind(show_variants, component, variants=varss, **kwargs, loading=loading), lazy=True, name=component.name)
             for component, varss,  kwargs in spec
         ), dynamic=True)
     pn.state.location.sync(tabs, dict(active=f'active{label}'))
@@ -234,6 +235,10 @@ def render_openable(component: Type[MaterialComponent], **kwargs):
     },
 }
 
+
+def loading_render_spec(loading):
+    return render_spec(spec, loading=loading)
+
 notifications = pn.state.notifications.demo(sizing_mode='stretch_width')
 
 page = Page(
@@ -241,12 +246,13 @@ def render_openable(component: Type[MaterialComponent], **kwargs):
         '### Context'
     ],
     busy_indicator='linear',
-    main=[render_spec(spec)],
+    main=[pn.bind(loading_render_spec, loading_switch)],
     sidebar=[
         primary_color,
         secondary_color,
         paper_color,
         font_size,
+        loading_switch,
         '### Notifications',
         notifications,
         busy
diff --git a/src/panel_material_ui/base.py b/src/panel_material_ui/base.py
index cc0aa2ef..6c837361 100644
--- a/src/panel_material_ui/base.py
+++ b/src/panel_material_ui/base.py
@@ -191,10 +191,11 @@ class LoadingTransform(ESMTransform):
 
 function {output}(props) {{
   const [loading] = props.model.useState('loading')
+  const loading_inset = props.model.esm_constants.loading_inset
   const theme = useMuiTheme()
 
   const overlayColor = theme.palette.mode === 'dark'
-    ? 'rgba(0, 0, 0, 0.7)'
+    ? 'rgba(18, 18, 18, 0.7)'
     : 'rgba(255, 255, 255, 0.5)'
 
   return (
@@ -203,10 +204,7 @@ class LoadingTransform(ESMTransform):
       {{loading && (
         <div style={{{{
           position: 'absolute',
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
+          inset: loading_inset,
           display: 'flex',
           alignItems: 'center',
           justifyContent: 'center',
@@ -245,6 +243,7 @@ class MaterialComponent(ReactComponent):
         in the component's documentation.""")
 
     _bundle = BASE_PATH / "dist" / "panel-material-ui.bundle.js"
+    _constants = {"loading_inset": 0}
     _esm_base = None
     _esm_shared = {
         'utils': BASE_PATH / "utils.js",
diff --git a/src/panel_material_ui/widgets/input.py b/src/panel_material_ui/widgets/input.py
index 17d81f3f..d460692c 100644
--- a/src/panel_material_ui/widgets/input.py
+++ b/src/panel_material_ui/widgets/input.py
@@ -37,6 +37,7 @@ class MaterialInputWidget(MaterialWidget):
     variant = param.Selector(objects=["filled", "outlined", "standard"], default="outlined", doc="""
         The variant of the input.""")
 
+    _constants = {"loading_inset": -6}
     __abstract = True
 
 
@@ -72,7 +73,7 @@ class _TextInputBase(MaterialInputWidget):
         Initial or entered text value updated on every key press.""",
     )
 
-    _constants = {"multiline": False}
+    _constants = {"multiline": False, "loading_inset": -6}
 
     __abstract = True
 
@@ -726,7 +727,7 @@ class _DatePickerBase(MaterialInputWidget):
 
     _esm_base = "DateTimePicker.jsx"
 
-    _constants = {'range': False, 'time': False}
+    _constants = {'loading_inset': -6, 'range': False, 'time': False}
 
     __abstract = True
 
@@ -781,7 +782,7 @@ class DatePicker(_DatePickerBase):
     ... )
     """
 
-    _constants = {'range': False, 'time': False}
+    _constants = {'loading_inset': -6, 'range': False, 'time': False}
 
     value = Date(default=None, doc="""
         The current value. Can be a datetime object or a string in ISO format.""")
@@ -824,7 +825,7 @@ class _DatetimePickerBase(_DatePickerBase):
     views = param.List(default=['year', 'month', 'day', 'hours', 'minutes'], doc="""
       The views that are available for the date picker.""")
 
-    _constants = {'range': False, 'time': True}
+    _constants = {'loading_inset': -6, 'range': False, 'time': True}
 
     __abstract = True
 
@@ -1174,6 +1175,7 @@ class Checkbox(MaterialWidget):
 
     width = param.Integer(default=None)
 
+    _constants = {"loading_inset": -6}
     _esm_base = "Checkbox.jsx"
     _esm_transforms = [LoadingTransform, ThemedTransform]
 
diff --git a/src/panel_material_ui/widgets/select.py b/src/panel_material_ui/widgets/select.py
index 7bbcd435..866c8f19 100644
--- a/src/panel_material_ui/widgets/select.py
+++ b/src/panel_material_ui/widgets/select.py
@@ -29,6 +29,7 @@ class MaterialSingleSelectBase(MaterialWidget, _PnSingleSelectBase):
     value = param.Parameter(default=None, allow_None=True, doc="The selected value.")
 
     _allows_values = False
+    _constants = {"loading_inset": -6}
 
     __abstract = True
 
@@ -46,6 +47,8 @@ class MaterialMultiSelectBase(MaterialWidget, _PnMultiSelectBase):
 
     value = param.List(default=[], allow_None=True, doc="The selected values.")
 
+    _constants = {"loading_inset": -6}
+
     _rename = {"name": "name"}
 
     _allows_values = False
@@ -300,7 +303,7 @@ class Select(MaterialSingleSelectBase, _PnSelect, _SelectDropdownBase):
 
     variant = param.Selector(objects=["filled", "outlined", "standard"], default="outlined", doc="The variant style of the select widget.")
 
-    _constants = {"multi": False}
+    _constants = {"multi": False, "loading_inset": -6}
     _esm_base = "Select.jsx"
     _rename = {"name": "name", "groups": None}
 
@@ -362,7 +365,7 @@ class RadioBoxGroup(_RadioGroup, MaterialSingleSelectBase):
 
     value = param.Parameter(default=None, allow_None=True)
 
-    _constants = {"exclusive": True}
+    _constants = {"exclusive": True, "loading_inset": -6}
 
 
 class CheckBoxGroup(_RadioGroup, MaterialMultiSelectBase):
@@ -388,7 +391,7 @@ class CheckBoxGroup(_RadioGroup, MaterialMultiSelectBase):
 
     value = param.List(default=None, allow_None=True)
 
-    _constants = {"exclusive": False}
+    _constants = {"exclusive": False, "loading_inset": -6}
 
 
 class _ButtonGroup(_ButtonLike):
@@ -442,7 +445,7 @@ class RadioButtonGroup(_ButtonGroup, MaterialSingleSelectBase):
 
     value = param.Parameter()
 
-    _constants = {"exclusive": True}
+    _constants = {"exclusive": True, "loading_inset": -6}
 
 
 class CheckButtonGroup(_ButtonGroup, MaterialMultiSelectBase):
@@ -468,7 +471,7 @@ class CheckButtonGroup(_ButtonGroup, MaterialMultiSelectBase):
 
     """
 
-    _constants = {"exclusive": False}
+    _constants = {"exclusive": False, "loading_inset": -6}
 
 
 class MultiSelect(MaterialMultiSelectBase):
@@ -549,7 +552,7 @@ class MultiChoice(_SelectDropdownBase, MultiSelect):
     solid = param.Boolean(default=True, doc="""
         Whether to display chips with solid or outlined style.""")
 
-    _constants = {"multi": True}
+    _constants = {"multi": True, "loading_inset": -6}
     _esm_base = "Select.jsx"
     _rename = {"name": None}
 
diff --git a/src/panel_material_ui/widgets/slider.py b/src/panel_material_ui/widgets/slider.py
index 95bc0b2b..45998b11 100644
--- a/src/panel_material_ui/widgets/slider.py
+++ b/src/panel_material_ui/widgets/slider.py
@@ -91,7 +91,7 @@ class IntSlider(_ContinuousSlider):
 
     value_throttled = param.Integer(default=0, constant=True)
 
-    _constants = {"int": True}
+    _constants = {"int": True, "loading_inset": -6}
 
 
 class FloatSlider(_ContinuousSlider):
@@ -157,7 +157,7 @@ class DateSlider(_ContinuousSlider):
     value_throttled = param.Date(default=None, constant=True, doc="""
         The value of the slider. Updated when the slider handle is released.""")
 
-    _constants = {"date": True}
+    _constants = {"date": True, "loading_inset": -6}
     _rename = {"as_datetime": None}
     _source_transforms = {
         "value": None, "value_throttled": None, "value_start": None,
@@ -214,7 +214,7 @@ class DatetimeSlider(DateSlider):
 
     _property_conversion = staticmethod(value_as_datetime)
 
-    _constants = {"datetime": True}
+    _constants = {"datetime": True, "loading_inset": -6}
 
 
 class _RangeSliderBase(_ContinuousSlider):
@@ -305,7 +305,7 @@ class IntRangeSlider(_RangeSliderBase):
 
     value_end = param.Integer(default=100, readonly=True, doc="""The upper value of the selected range.""")
 
-    _constants = {"int": True}
+    _constants = {"int": True, "loading_inset": -6}
 
 
 class DateRangeSlider(_RangeSliderBase):
@@ -358,7 +358,7 @@ class DateRangeSlider(_RangeSliderBase):
     format = param.String(default=None, doc="""
         Datetime format used for parsing and formatting the date.""")
 
-    _constants = {"date": True}
+    _constants = {"date": True, "loading_inset": -6}
 
     _property_conversion = staticmethod(value_as_date)
 
@@ -424,7 +424,7 @@ class DatetimeRangeSlider(DateRangeSlider):
 
     _property_conversion = staticmethod(value_as_datetime)
 
-    _constants = {"datetime": True}
+    _constants = {"datetime": True, "loading_inset": -6}
 
 
 class DiscreteSlider(IntSlider, _PnSingleSelectBase):
@@ -453,7 +453,7 @@ class DiscreteSlider(IntSlider, _PnSingleSelectBase):
     step = param.Integer(default=1, readonly=True)
 
     _allows_values = False
-    _constants = {"discrete": True}
+    _constants = {"discrete": True, "loading_inset": -6}
 
     @param.depends("options", watch=True)
     def _update_bounds(self):
@@ -534,7 +534,7 @@ def _process_property_change(self, msg):
 
 class _EditableContinuousSliderBase(_ContinuousSlider):
 
-    _constants = {"editable": True}
+    _constants = {"editable": True, "loading_inset": -6}
 
 
 class EditableFloatSlider(_EditableContinuousSliderBase, FloatSlider):
@@ -587,14 +587,14 @@ class EditableIntSlider(_EditableContinuousSliderBase, IntSlider):
     fixed_end = param.Integer(default=None, doc="""
        A fixed upper bound for the slider and input.""")
 
-    _constants = {"editable": True, "int": True}
+    _constants = {"editable": True, "int": True, "loading_inset": -6}
 
 
 class _EditableRangeSliderBase(_RangeSliderBase):
 
     value = param.Range(default=(0, 100))
 
-    _constants = {"editable": True}
+    _constants = {"editable": True, "loading_inset": -6}
 
 
 class EditableRangeSlider(_EditableRangeSliderBase, RangeSlider):
@@ -632,7 +632,7 @@ class EditableIntRangeSlider(_EditableRangeSliderBase, IntRangeSlider):
     fixed_end = param.Integer(default=None, doc="""
         A fixed upper bound for the slider and input.""")
 
-    _constants = {"editable": True, "int": True}
+    _constants = {"editable": True, "int": True, "loading_inset": -6}
 
 
 __all__ = [