diff --git a/src/components/CaseCardComponent/CaseCardComponent.tsx b/src/components/CaseCardComponent/CaseCardComponent.tsx
index bda9a7d8..97891f51 100644
--- a/src/components/CaseCardComponent/CaseCardComponent.tsx
+++ b/src/components/CaseCardComponent/CaseCardComponent.tsx
@@ -3,6 +3,7 @@ import { Typography } from '@equinor/eds-core-react';
 import { ComputeCaseDto } from '../../api/generated';
 import { AddCaseButtons } from '../AddCaseButtons/AddCaseButtons';
 import * as Styled from './CaseCardComponent.styled';
+import { titleMapping } from './FormattedMethodNames';
 
 export const CaseCardComponent = ({
   children,
@@ -24,7 +25,7 @@ export const CaseCardComponent = ({
       <Styled.Wrapper>
         <Styled.ButtonGroup>
           <Styled.Title>
-            <Typography variant="h4">{title}</Typography>
+            <Typography variant="h4">{titleMapping[title]}</Typography>
             <Typography variant="h6">{subTitle}</Typography>
           </Styled.Title>
           <AddCaseButtons
diff --git a/src/components/CaseCardComponent/FormattedMethodNames.tsx b/src/components/CaseCardComponent/FormattedMethodNames.tsx
new file mode 100644
index 00000000..140291ec
--- /dev/null
+++ b/src/components/CaseCardComponent/FormattedMethodNames.tsx
@@ -0,0 +1,5 @@
+export const titleMapping: Record<string, string> = {
+  Indicator: 'Indicator',
+  'Net-To-Gross': 'Net-to-gross',
+  ContiniousParameter: 'Continious parameter',
+};
diff --git a/src/components/ConfirmDialog/ConfirmDialog.styled.ts b/src/components/ConfirmDialog/ConfirmDialog.styled.ts
new file mode 100644
index 00000000..59012203
--- /dev/null
+++ b/src/components/ConfirmDialog/ConfirmDialog.styled.ts
@@ -0,0 +1,11 @@
+import { Dialog } from '@equinor/eds-core-react';
+import styled from 'styled-components';
+import { spacings } from '../../tokens/spacings';
+
+export const Actions = styled(Dialog.Actions)`
+  display: flex;
+  flex: row;
+  flex-direction: row;
+  column-gap: ${spacings.SMALL};
+  align-items: start;
+`;
diff --git a/src/components/ConfirmDialog/ConfirmDialog.tsx b/src/components/ConfirmDialog/ConfirmDialog.tsx
index 6987b2fd..6b004e9b 100644
--- a/src/components/ConfirmDialog/ConfirmDialog.tsx
+++ b/src/components/ConfirmDialog/ConfirmDialog.tsx
@@ -1,30 +1,36 @@
 import { Button, Dialog, Typography } from '@equinor/eds-core-react';
+import * as Styled from './ConfirmDialog.styled';
 
 export const ConfirmDialog = ({
   isOpen,
   message,
+  danger,
   confirmAction,
   setIsOpen,
 }: {
   isOpen: boolean;
   message: string;
+  danger: boolean;
   confirmAction: () => void;
   setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
 }) => {
   return (
     <Dialog open={isOpen}>
-      <Dialog.Header>
-        <Dialog.Title>Confirm</Dialog.Title>
-      </Dialog.Header>
       <Dialog.CustomContent>
         <Typography variant="body_short">{message}</Typography>
       </Dialog.CustomContent>
-      <Dialog.Actions>
-        <Button onClick={confirmAction}>OK</Button>
-        <Button variant="ghost" onClick={() => setIsOpen(false)}>
-          Cancel
+      <Styled.Actions>
+        <Button
+          variant="outlined"
+          color={danger ? 'danger' : undefined}
+          onClick={() => setIsOpen(false)}
+        >
+          {'Cancle'}
         </Button>
-      </Dialog.Actions>
+        <Button color={danger ? 'danger' : undefined} onClick={confirmAction}>
+          {danger ? 'Delete' : 'Ok'}
+        </Button>
+      </Styled.Actions>
     </Dialog>
   );
 };
diff --git a/src/features/Compute/CaseGroup/CaseButtons/CaseButtons.styled.tsx b/src/features/Compute/CaseGroup/CaseButtons/CaseButtons.styled.tsx
index 33a464bc..e0a70cfc 100644
--- a/src/features/Compute/CaseGroup/CaseButtons/CaseButtons.styled.tsx
+++ b/src/features/Compute/CaseGroup/CaseButtons/CaseButtons.styled.tsx
@@ -1,3 +1,4 @@
+import { Button } from '@equinor/eds-core-react';
 import styled from 'styled-components';
 import { spacings } from '../../../../tokens/spacings';
 
@@ -9,3 +10,10 @@ export const ButtonDiv = styled.div`
   align-items: start;
   padding-top: ${spacings.MEDIUM};
 `;
+
+const StyledButton = styled(Button)`
+  white-space: nowrap;
+  width: 100px;
+`;
+
+export { StyledButton as Button };
diff --git a/src/features/Compute/CaseGroup/CaseButtons/CaseButtons.tsx b/src/features/Compute/CaseGroup/CaseButtons/CaseButtons.tsx
index 594fb4b2..93c646a6 100644
--- a/src/features/Compute/CaseGroup/CaseButtons/CaseButtons.tsx
+++ b/src/features/Compute/CaseGroup/CaseButtons/CaseButtons.tsx
@@ -7,6 +7,7 @@ import {
   save as SAVE,
 } from '@equinor/eds-icons';
 import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 import {
   ComputeJobStatus,
   ListComputeCasesByAnalogueModelIdQueryResponse,
@@ -43,7 +44,7 @@ export const CaseButtons = ({
 }) => {
   const [deleteConfirm, setDeleteConfirm] = useState(false);
   const [saveConfirm, setSaveConfirm] = useState(false);
-
+  const navigate = useNavigate();
   const handleConfirmSave = () => {
     saveCase();
     setSaveConfirm(false);
@@ -110,7 +111,16 @@ export const CaseButtons = ({
 
       {caseType === 'Object' ? (
         <>
-          {saved ? (
+          {caseStatus === 'Succeeded' ? (
+            <Styled.Button
+              variant="outlined"
+              onClick={() => {
+                navigate('../results/object');
+              }}
+            >
+              View Results{' '}
+            </Styled.Button>
+          ) : saved ? (
             <Tooltip
               title={
                 !isProcessed
@@ -123,27 +133,23 @@ export const CaseButtons = ({
               }
             >
               <Button
+                color={caseStatus === 'Failed' ? 'danger' : undefined}
                 variant="outlined"
                 onClick={saved ? runCase : saveCase}
                 disabled={
                   !isProcessed ||
                   caseStatus === 'Created' ||
                   caseStatus === 'Waiting' ||
-                  caseStatus === 'Running' ||
-                  caseStatus === 'Succeeded'
+                  caseStatus === 'Running'
                 }
               >
-                {caseStatus !== 'Succeeded' && (
-                  <Icon data={PLAY} size={18}></Icon>
-                )}
+                <Icon data={PLAY} size={18}></Icon>
                 {caseStatus === 'Created' ||
                 caseStatus === 'Waiting' ||
                 caseStatus === 'Running'
                   ? 'Running ... '
                   : caseStatus === 'Failed'
-                  ? 'Run Failed. Re-run Case'
-                  : caseStatus === 'Succeeded'
-                  ? 'Success'
+                  ? 'Re-run'
                   : 'Run'}
               </Button>
             </Tooltip>
@@ -167,31 +173,38 @@ export const CaseButtons = ({
                 : ''
             }
           >
-            <Button
-              variant="outlined"
-              onClick={runCase}
-              disabled={
-                !isProcessed ||
-                id.length < 3 ||
-                caseStatus === 'Created' ||
-                caseStatus === 'Waiting' ||
-                caseStatus === 'Running' ||
-                caseStatus === 'Succeeded'
-              }
-            >
-              {caseStatus !== 'Succeeded' && (
+            {caseStatus === 'Succeeded' ? (
+              <Styled.Button
+                variant="outlined"
+                onClick={() => {
+                  navigate('../results/variogram');
+                }}
+              >
+                View Results{' '}
+              </Styled.Button>
+            ) : (
+              <Styled.Button
+                color={caseStatus === 'Failed' && 'danger'}
+                variant="outlined"
+                onClick={runCase}
+                disabled={
+                  !isProcessed ||
+                  id.length < 3 ||
+                  caseStatus === 'Created' ||
+                  caseStatus === 'Waiting' ||
+                  caseStatus === 'Running'
+                }
+              >
                 <Icon data={PLAY} size={18}></Icon>
-              )}
-              {caseStatus === 'Created' ||
-              caseStatus === 'Waiting' ||
-              caseStatus === 'Running'
-                ? 'Running ... '
-                : caseStatus === 'Failed'
-                ? 'Run Failed. Re-run Case'
-                : caseStatus === 'Succeeded'
-                ? 'Success'
-                : 'Run'}
-            </Button>
+                {caseStatus === 'Created' ||
+                caseStatus === 'Waiting' ||
+                caseStatus === 'Running'
+                  ? 'Running ... '
+                  : caseStatus === 'Failed'
+                  ? 'Re-run'
+                  : 'Run'}
+              </Styled.Button>
+            )}
           </Tooltip>
           <Button
             variant="outlined"
@@ -206,6 +219,7 @@ export const CaseButtons = ({
         <ConfirmDialog
           isOpen={deleteConfirm}
           message="By pressing OK, the case and belonging results will be deleted."
+          danger={true}
           confirmAction={handleConfirmDelete}
           setIsOpen={setDeleteConfirm}
         ></ConfirmDialog>
@@ -215,6 +229,7 @@ export const CaseButtons = ({
           isOpen={saveConfirm}
           message="By pressing OK, the current case will be overwritten, deleting old
       results."
+          danger={false}
           confirmAction={handleConfirmSave}
           setIsOpen={setSaveConfirm}
         ></ConfirmDialog>
diff --git a/src/features/Compute/CaseGroup/CaseSettingSelects/CaseSettingSelect.tsx b/src/features/Compute/CaseGroup/CaseSettingSelects/CaseSettingSelect.tsx
index 61956740..21cf4522 100644
--- a/src/features/Compute/CaseGroup/CaseSettingSelects/CaseSettingSelect.tsx
+++ b/src/features/Compute/CaseGroup/CaseSettingSelects/CaseSettingSelect.tsx
@@ -1,5 +1,6 @@
 import { Autocomplete, AutocompleteChanges } from '@equinor/eds-core-react';
 import { ListComputeSettingsInputValueDto } from '../../../../api/generated';
+import * as Styled from './SettingSelect.styled';
 
 export const CaseSettingSelect = ({
   label,
@@ -25,17 +26,19 @@ export const CaseSettingSelect = ({
   };
 
   return (
-    <Autocomplete
-      label={label}
-      disabled={
-        (caseType === 'Net-To-Gross' || caseType === 'Indicator') &&
-        settingType !== 'ContiniousParameter'
-      }
-      options={options && options.length > 0 ? options : []}
-      optionLabel={(option) => option.name}
-      selectedOptions={selectedValue}
-      onOptionsChange={onSelectChange}
-      multiple={settingType !== 'Net-To-Gross'}
-    ></Autocomplete>
+    <Styled.MetadataWrapper>
+      <Autocomplete
+        label={label}
+        disabled={
+          (caseType === 'Net-To-Gross' || caseType === 'Indicator') &&
+          settingType !== 'ContiniousParameter'
+        }
+        options={options && options.length > 0 ? options : []}
+        optionLabel={(option) => option.name}
+        selectedOptions={selectedValue}
+        onOptionsChange={onSelectChange}
+        multiple={settingType !== 'Net-To-Gross'}
+      ></Autocomplete>
+    </Styled.MetadataWrapper>
   );
 };
diff --git a/src/features/Compute/CaseGroup/CaseSettingSelects/SettingSelect.styled.tsx b/src/features/Compute/CaseGroup/CaseSettingSelects/SettingSelect.styled.tsx
index 4b06aa1a..809ff1da 100644
--- a/src/features/Compute/CaseGroup/CaseSettingSelects/SettingSelect.styled.tsx
+++ b/src/features/Compute/CaseGroup/CaseSettingSelects/SettingSelect.styled.tsx
@@ -24,6 +24,11 @@ export const AutocompleteRow = styled.div`
 
   > div {
     flex-grow: 1;
+    > div {
+      > label {
+        white-space: nowrap;
+      }
+    }
   }
 `;
 
@@ -31,3 +36,11 @@ export const ButtonWrapper = styled.div`
   display: flex;
   align-items: center;
 `;
+
+export const MetadataWrapper = styled.div`
+  > div {
+    > label {
+      white-space: nowrap;
+    }
+  }
+`;
diff --git a/src/features/ModelTable/ModelTable.styled.ts b/src/features/ModelTable/ModelTable.styled.ts
index 07194bc7..7ba00e7d 100644
--- a/src/features/ModelTable/ModelTable.styled.ts
+++ b/src/features/ModelTable/ModelTable.styled.ts
@@ -4,6 +4,7 @@ import { spacings } from '../../tokens/spacings';
 export const Table = styled.div`
   overflow-x: auto;
   padding-bottom: ${spacings.MEDIUM};
+  max-width: 1750px;
 
   > div {
     > table {
@@ -35,6 +36,8 @@ export const Buttons = styled.div`
 export const List = styled.div`
   display: flex;
   flex-direction: row;
+  white-space: nowrap;
+
   > p {
     padding-right: ${spacings.X_SMALL};
   }
diff --git a/src/features/Results/CaseResult/CaseResultView/CaseResultView.styled.tsx b/src/features/Results/CaseResult/CaseResultView/CaseResultView.styled.tsx
index bbfb4bf5..0afa75b8 100644
--- a/src/features/Results/CaseResult/CaseResultView/CaseResultView.styled.tsx
+++ b/src/features/Results/CaseResult/CaseResultView/CaseResultView.styled.tsx
@@ -1,4 +1,3 @@
-import { Divider } from '@equinor/eds-core-react';
 import styled from 'styled-components';
 import { spacings } from '../../../../tokens/spacings';
 
@@ -8,25 +7,11 @@ export const CaseResultView = styled.div`
 
   row-gap: ${spacings.XXX_LARGE};
   padding: ${spacings.LARGE};
-
-  @media (min-width: 1505px) {
-    width: 80%;
-  }
 `;
 
 export const CaseResultList = styled.div`
   display: flex;
   flex-direction: column;
   row-gap: ${spacings.X_LARGE};
-
-  width: 100%;
-`;
-
-export const StyledDivider = styled(Divider)`
-  margin: ${spacings.MEDIUM} 0;
-  max-width: 1108px;
-`;
-
-export const Wrapper = styled.div`
-  width: 100%;
+  width: fit-content;
 `;
diff --git a/src/features/Results/CaseResult/CaseResultView/CaseResultView.tsx b/src/features/Results/CaseResult/CaseResultView/CaseResultView.tsx
index dd6464e3..dfdeb7f9 100644
--- a/src/features/Results/CaseResult/CaseResultView/CaseResultView.tsx
+++ b/src/features/Results/CaseResult/CaseResultView/CaseResultView.tsx
@@ -42,25 +42,18 @@ export const CaseResultView = ({
           ></VariogramResultTable>
         )}
         {channelResultList &&
-          channelResultList.map((obj, index) => (
-            <Styled.Wrapper key={obj.computeCaseId}>
-              <ChannelResult
-                data={obj}
-                computeCase={
-                  computeCases && computeCases.length > 0
-                    ? computeCases.filter(
-                        (c) => c.computeCaseId === obj.computeCaseId,
-                      )
-                    : []
-                }
-              ></ChannelResult>
-              {index < channelResultList.length - 1 && (
-                <Styled.StyledDivider
-                  variant="small"
-                  color="medium"
-                ></Styled.StyledDivider>
-              )}
-            </Styled.Wrapper>
+          channelResultList.map((obj) => (
+            <ChannelResult
+              key={obj.computeCaseId}
+              data={obj}
+              computeCase={
+                computeCases && computeCases.length > 0
+                  ? computeCases.filter(
+                      (c) => c.computeCaseId === obj.computeCaseId,
+                    )
+                  : []
+              }
+            ></ChannelResult>
           ))}
       </Styled.CaseResultList>
     </Styled.CaseResultView>
diff --git a/src/features/Results/CaseResult/CaseResultView/ObjectCaseResult/ChannelResult.styled.ts b/src/features/Results/CaseResult/CaseResultView/ObjectCaseResult/ChannelResult.styled.ts
index b04a4688..2ab87587 100644
--- a/src/features/Results/CaseResult/CaseResultView/ObjectCaseResult/ChannelResult.styled.ts
+++ b/src/features/Results/CaseResult/CaseResultView/ObjectCaseResult/ChannelResult.styled.ts
@@ -1,14 +1,15 @@
 import styled from 'styled-components';
 import { spacings } from '../../../../../tokens/spacings';
+import { theme } from '../../../../../tokens/theme';
 
 export const Wrapper = styled.div`
   display: flex;
   flex-direction: column;
+  border: solid 0.5px ${theme.light.ui.background.medium};
 `;
 
 export const InnerWrapper = styled.div`
   display: flex;
   flex-direction: row;
   column-gap: ${spacings.LARGE};
-  width: 100%;
 `;
diff --git a/src/features/Results/CaseResult/CaseResultView/ObjectCaseResult/ChannelResultTable/ChannelResultTable.styled.tsx b/src/features/Results/CaseResult/CaseResultView/ObjectCaseResult/ChannelResultTable/ChannelResultTable.styled.tsx
index 18252174..357d6ece 100644
--- a/src/features/Results/CaseResult/CaseResultView/ObjectCaseResult/ChannelResultTable/ChannelResultTable.styled.tsx
+++ b/src/features/Results/CaseResult/CaseResultView/ObjectCaseResult/ChannelResultTable/ChannelResultTable.styled.tsx
@@ -5,17 +5,21 @@ import { theme } from '../../../../../../tokens/theme';
 
 const StyledTable = styled(Table)`
   width: 100%;
-  max-width: 950px;
+  max-width: 800px;
 `;
 export const ColumnCell = styled(Table.Cell)`
   background: ${theme.light.ui.background.light};
   border: solid 0.5px ${theme.light.ui.background.medium};
+  white-space: nowrap;
 `;
 
 export const DataCell = styled(Table.Cell)`
   text-align: right;
   border: solid 0.5px ${theme.light.ui.background.medium};
-  width: 25%;
+  width: 150px;
+  white-space: nowrap;
+  font-family: Equinor Mono;
+
   > div {
     display: flex;
     justify-content: right;
diff --git a/src/features/Results/CaseResult/CaseResultView/ObjectCaseResult/ResultArea/ResultArea.styled.ts b/src/features/Results/CaseResult/CaseResultView/ObjectCaseResult/ResultArea/ResultArea.styled.ts
index 8a253106..f8c8b19e 100644
--- a/src/features/Results/CaseResult/CaseResultView/ObjectCaseResult/ResultArea/ResultArea.styled.ts
+++ b/src/features/Results/CaseResult/CaseResultView/ObjectCaseResult/ResultArea/ResultArea.styled.ts
@@ -5,8 +5,8 @@ export const Wrapper = styled.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-
-  width: 500px;
+  padding-left: ${spacings.LARGE};
+  min-width: 320px;
 `;
 
 export const Info = styled.div`
diff --git a/src/features/Results/CaseResult/CaseResultView/VariogramCaseResult/ImageResult/ImageResult.tsx b/src/features/Results/CaseResult/CaseResultView/VariogramCaseResult/ImageResult/ImageResult.tsx
index db552b8f..7aee564b 100644
--- a/src/features/Results/CaseResult/CaseResultView/VariogramCaseResult/ImageResult/ImageResult.tsx
+++ b/src/features/Results/CaseResult/CaseResultView/VariogramCaseResult/ImageResult/ImageResult.tsx
@@ -21,7 +21,7 @@ export const ImageResult = ({
 
   return (
     <>
-      <Styled.Dialog open={open} isDismissable={true}>
+      <Styled.Dialog open={open} isDismissable>
         <Dialog.Header>
           <Dialog.Title>Result image</Dialog.Title>
         </Dialog.Header>
@@ -38,7 +38,7 @@ export const ImageResult = ({
 
         <Dialog.Actions>
           <Button variant="ghost" onClick={() => setOpen(!open)}>
-            Cancel
+            Close
           </Button>
         </Dialog.Actions>
       </Styled.Dialog>
diff --git a/src/features/Results/CaseResult/CaseResultView/VariogramCaseResult/VariogramResultTable/VariogramResultTable.styled.ts b/src/features/Results/CaseResult/CaseResultView/VariogramCaseResult/VariogramResultTable/VariogramResultTable.styled.ts
index cb239588..4ca337ea 100644
--- a/src/features/Results/CaseResult/CaseResultView/VariogramCaseResult/VariogramResultTable/VariogramResultTable.styled.ts
+++ b/src/features/Results/CaseResult/CaseResultView/VariogramCaseResult/VariogramResultTable/VariogramResultTable.styled.ts
@@ -10,20 +10,16 @@ export const Table = styled.div`
     overflow-y: hidden;
 
     > table {
-      min-width: 1150px;
+      > thead {
+        > tr {
+          > th {
+            vertical-align: baseline !important;
+          }
+        }
+      }
     }
     > div {
       margin-top: 2rem;
-      min-width: 1150px;
-    }
-
-    @media (max-width: 1750px) {
-      > table {
-        min-width: 100% !important;
-      }
-      > div {
-        min-width: 100% !important;
-      }
     }
   }
 `;
@@ -33,11 +29,15 @@ export const StyledDialog = styled(Dialog)`
   min-height: 500px;
 `;
 
-export const Content = styled(Dialog.CustomContent)`
+export const Column = styled.span`
+  white-space: nowrap;
+`;
+
+export const Quality = styled.span`
   display: flex;
   flex-direction: column;
-
-  row-gap: ${spacings.SMALL};
+  align-items: end;
+  font-family: Equinor Mono;
 `;
 
 export { StyledDialog as Dialog };
diff --git a/src/features/Results/CaseResult/CaseResultView/VariogramCaseResult/VariogramResultTable/VariogramResultTable.tsx b/src/features/Results/CaseResult/CaseResultView/VariogramCaseResult/VariogramResultTable/VariogramResultTable.tsx
index 23e986ec..337fd7f0 100644
--- a/src/features/Results/CaseResult/CaseResultView/VariogramCaseResult/VariogramResultTable/VariogramResultTable.tsx
+++ b/src/features/Results/CaseResult/CaseResultView/VariogramCaseResult/VariogramResultTable/VariogramResultTable.tsx
@@ -86,31 +86,31 @@ export const VariogramResultTable = ({
           emptyMessage="No results to show"
           columnResizeMode="onChange"
           rows={resultElementsList}
-          pageSize={50}
+          pageSize={20}
           columns={[
             {
               accessorKey: 'method',
-              header: 'Compute method',
+              header: () => <Styled.Column>Compute method</Styled.Column>,
               id: 'method',
             },
             {
               accessorKey: 'parameter',
-              header: 'Parameter',
+              header: () => <Styled.Column>Parameter</Styled.Column>,
               id: 'parameter',
             },
             {
               accessorKey: 'archelFilter',
-              header: 'Archel Filter',
+              header: () => <Styled.Column>Archel Filter</Styled.Column>,
               id: 'archelFilter',
             },
             {
               accessorKey: 'modelArea',
-              header: 'Model Area',
+              header: () => <Styled.Column>Model Area</Styled.Column>,
               id: 'modelArea',
             },
             {
               accessorKey: 'variogramModel',
-              header: 'Variogram model',
+              header: () => <Styled.Column>Variogram model</Styled.Column>,
               id: 'variogramModel',
               cell: ({ row }) => (
                 <div>
@@ -127,9 +127,12 @@ export const VariogramResultTable = ({
             },
             {
               accessorKey: 'quality',
-              header: 'Quality factor',
+              header: () => <Styled.Column>Quality factor</Styled.Column>,
               id: 'quality',
               enableColumnFilter: false,
+              cell: ({ row }) => (
+                <Styled.Quality>{row.original.quality}</Styled.Quality>
+              ),
             },
           ]}
         />
diff --git a/src/pages/ModelPages/Compute/Compute.styled.tsx b/src/pages/ModelPages/Compute/Compute.styled.tsx
index 747da511..08bd5586 100644
--- a/src/pages/ModelPages/Compute/Compute.styled.tsx
+++ b/src/pages/ModelPages/Compute/Compute.styled.tsx
@@ -13,7 +13,7 @@ export const Case = styled.div`
   width: 70vw;
   max-width: 1400px;
 
-  @media (max-width: 1725px) {
+  @media (max-width: 1800px) {
     width: 100%;
   }
 
diff --git a/src/pages/ModelPages/Compute/ComputeVariogram/ComputeVariogram.tsx b/src/pages/ModelPages/Compute/ComputeVariogram/ComputeVariogram.tsx
index 085bd2b0..721e0231 100644
--- a/src/pages/ModelPages/Compute/ComputeVariogram/ComputeVariogram.tsx
+++ b/src/pages/ModelPages/Compute/ComputeVariogram/ComputeVariogram.tsx
@@ -117,7 +117,7 @@ export const ComputeVariogram = () => {
               }
             >
               <Icon data={ADD} size={18}></Icon>
-              Net-To-Gross
+              Net-to-gross
             </Button>
             <Button
               variant="outlined"
@@ -128,7 +128,7 @@ export const ComputeVariogram = () => {
               }
             >
               <Icon data={ADD} size={18}></Icon>
-              ContiniousParameter
+              Continious parameter
             </Button>
           </Styled.ButtonGroup>
           <Styled.ButtonGroup>