diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index ada0f019..17af9515 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -675,20 +675,21 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
               body: 'flex flex-col gap-6',
             }}
           >
-            <div className='grid grid-cols-1 md:grid-cols-2 gap-6'>
-              <SelectInput
-                required
-                label='Lokasi'
-                value={selectedLocation}
-                onChange={locationChangeHandler}
-                options={locationOptions}
-                onInputChange={setLocationSearchValue}
-                isLoading={isLoadingLocations}
-                isDisabled={type === 'detail'}
-                placeholder='Pilih Lokasi'
-                isClearable
-                isSearchable
-              />
+            <div className={type === 'detail' ? 'flex flex-col gap-6' : 'grid grid-cols-1 md:grid-cols-2 gap-6'}>
+              {type === 'detail' ? null : (
+                <SelectInput
+                  required
+                  label='Lokasi'
+                  value={selectedLocation}
+                  onChange={locationChangeHandler}
+                  options={locationOptions}
+                  onInputChange={setLocationSearchValue}
+                  isLoading={isLoadingLocations}
+                  placeholder='Pilih Lokasi'
+                  isClearable
+                  isSearchable
+                />
+              )}
 
               <div>
                 <SelectInput